随笔分类 - vue
摘要：返回上一页面并刷新数据 //当前页面 方法一（不推荐使用） 方法名称(){ let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 上一页 let options = this.id //
阅读全文
摘要：在使用ui组件时 有时会因为组件限定的数据名称 需要修改 数据的名字 这时就需要使用深拷贝 //在使用 uview 下拉菜单时<u-dropdown-item v-model="value1" title="综合" :options="options1" :disabled="true"></u-d
阅读全文
摘要：//Object.defineProperty 给 vm 添加 与 data 对象的属性 进行读取 和 修改 proxy:function(key){ // 保存vm var me = this; // 给 vm添加指定属性名的属性(使用的属性描述符) Object.defineProperty(m
阅读全文
摘要：<cpn ref="aa"></cpn> //vue获取组件距离顶部距离 console.log('距离顶部高度', this.$refs.aa.$el.offsetTop) //uniapp 在h5页面可以使用vue的获取高度 但是在小程序端需要使用下面方法 同时适合于h5页面 const que
阅读全文
摘要：<div id="app"> <input type="checkbox" v-model="picked" :true-value="value1" :false-value="value2"> <label> 复选框 </label> <p> {{picked}} </p> <p>{{value
阅读全文
摘要：click 中使用的修饰符 @click.native 原生点击事件： 1，给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符） v_model 中常用的一些修饰符 lazy修饰符， message 并不是实时改变的，而是在失焦或按回车
阅读全文
摘要：1、在项目中store中都store.js文件里添加保存和删除token都全局方法。 // store.js 中都mutation中增加添加和删除token的方法 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const st
阅读全文
摘要：案例 watch: { $route: { handler: function(route) { console.log(route); const query = route.query if (query) { this.redirect = query.redirect this.otherQ
阅读全文
摘要：this.$store.dispatch() 与 this.$store.commit()方法的区别总的来说他们只是存取方式的不同,两个方法都是传值给vuex的mutation改变statethis.$store.dispatch() ：含有异步操作，例如向后台提交数据，写法：this.$store
阅读全文
摘要：//过滤器只能在插值语法 和 v-bind中使用 //过滤器可以连续使用 <div id="app"> <p>{{name | formatStr}}</p> </div> <script> //全局过滤器 //第一个参数 过滤器名称 //第二个参数 处理数据的函数 vue.filter(“ for
阅读全文
