wx這個對象我們可以結合router和vux封裝一下其中的navigateTo，redirectTo等路由及模態框和toast，并在webpack.base.conf配置wx指向該文件,這樣我們就能直接使用wx這個對象面的方法不用修改

/*webpack.base.conf*/

resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src'),

'wx': resolve('src/utils/wxSimulate.js')

}

},

/*模擬wx的自己寫的wxsimilate.js*/

import router from '../router'

import Vue from 'vue'

import { ConfirmPlugin, ToastPlugin } from 'vux'

Vue.use(ConfirmPlugin)

Vue.use(ToastPlugin)

const wx = {

navigateTo ({ url }) {

console.log(url)

router.push({ path: url })

},

redirectTo ({url}) {

router.replace({ path: url })

},

navigateBack () {

router.go(-1)

},

showToast ({title}) {

Vue.$vux.toast.show({

// 組件除show外的屬性

text: title

})

},

// 模態框顯示

showModal ({title, content, success}) {

Vue.$vux.confirm.show({

title,

content,

// 組件除show外的屬性

onConfirm () {

success && success({confirm: true, cancel: false})

},

onCancel () {

success && success({confirm: false, cancel: true})

}

})

}

}

window.wx = wx

export default wx

總結

以上是生活随笔為你收集整理的mpvue v-html解决方案,mpvue开发小程序所遇问题及h5转化方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。