![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
mpvue
yumihe
这个作者很懒,什么都没留下…
展开
-
解决vuex辅助函数在mpvue中不能使用的问题
vuex的辅助函数 mapState、mapGetters、mapMutations、mapActions 但在mpvue中不能使用vuex的辅助函数,什么原因呢? store对象不能注入到子组件中,在子组件中不能使用this.$store。如果使用了vuex辅助函数mapMutations与mapGetters,则在子组件中会报如下的错误: 解决方法: 将store对象通过$stor...原创 2018-08-14 16:04:27 · 2665 阅读 · 1 评论 -
mpvue + vuex,用mapMutations + mapGetters 实现简单的存与取
实现效果:在a页面存数据,通过a页面进入b页面时取数据 首页,在store文件夹里创建4个js文件: state.js const state = { disc: {} } export default state mutations.js const mutations = { set_disc(state, disc) { state.disc = disc ...原创 2018-08-14 16:29:24 · 4991 阅读 · 0 评论 -
基于mpvue实现左侧导航与右侧内容的联动
效果图如下: (1)左侧导航联动右侧内容 实现:点击左侧导航,右侧内容滑到对应的位置,并且导航上有current当前样式。 mpvue用的还是微信小程序提供的组件scroll-view,它里面有一个属性scroll-into-view,值为某子元素的id,滚动到该元素。 template: <scroll-view class="menu-wrapper" scrol...原创 2018-08-15 10:59:55 · 6308 阅读 · 3 评论 -
获取url传参id
(1)vue获取url传参id,this.$route.query.id (2)mpvue获取url传参id,this.$root.$mp.query.id (3)微信小程序获取url传参id onLoad: function(options) { console.log('传来的id', options.id) }...原创 2018-08-12 19:03:54 · 3582 阅读 · 0 评论 -
mpvue开发微信小程序,在vue中能用,但在mpvue中不支持的地方
mpvue是使用vue.js开发微信小程序的前端框架,这篇文章主要说一下, 开发微信小程序过程中遇到的在vue中支持,但在mpvue中不支持的地方: (1)不支持v-html。因为小程序没有dom的概念。 (2)不支持部分javascript渲染表达式,如: <!--方法的调用--> <p>{{getDesc(song)}}</p> <!--过滤...原创 2018-08-16 17:35:20 · 6362 阅读 · 3 评论 -
mpvue 未找到app.json入口文件
(1)情景一: 通过 vue init mpvue/mpvue-quickstart my-project 创建一个mpvue项目,发现项目中没有app.json文件。 解决:npm run dev 编译一下,会在根目录生成一个dist文件夹,app.json在其中。 (2)情景二: 复制mpvue项目,没有dist文件夹, npm install -> npm run dev ...原创 2018-08-27 14:09:17 · 4286 阅读 · 3 评论