vue
小道士在路上
a rookie
展开
-
element table表格合并行列思路
对el-table进行合并行或列需要在el-table标签添加合并方法 span-method。 <el-table :data="tableData" :span-method="arraySpanMethod"></el-table> 查看官方的合并方法arraySpanMethod的实现 arraySpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) {原创 2021-06-11 16:20:41 · 1194 阅读 · 0 评论 -
Vue.extend 挂载组件初始化数据不回显
that.Temp = Vue.extend({ template: '<div>{{model.name}}</div>', props: { value: { type: Object, default: function() {原创 2020-12-15 10:20:37 · 508 阅读 · 0 评论 -
webpack打包网站离线使用
因为公司业务需求,需要把一套项目在时长的电脑上并且离线的情况下打开做演示之用。所以只好把接口全部写成假数据。但是默认webpack打包出的文件是需要在服务器上打开 也就是要http或https形式打开 而直接打开是file形式的。所以需要修改下文件打包默认路径 我们在webpack下修改配置文件 因为我使用的是vue cli3 webpack 版本是4 配置文件就在根目录 vue.config.js 如果没有 自己创建一个。 低版本的配置文件应该在config文件夹下 publicPat原创 2020-06-18 16:43:58 · 905 阅读 · 0 评论 -
vue-element-admin 使用post请求时间过长并无法传输数据
删除 vue.config.js 中的 before: require('./mock/mock-server.js')原创 2020-05-15 16:16:41 · 2539 阅读 · 1 评论 -
vue路由传参方式
this.$router.push({name:'detail',params:{id:1}}); //在跳转页刷新后 参数会丢失 //在跳转页获取方式console.log(this.$route.params); //路由写法 { path: '/detail', name: 'detail',component: detail} this.$router.p...原创 2020-04-13 16:20:38 · 65 阅读 · 0 评论 -
vue mixin
mixin(a,b,boolean) 将a的数据混合给b 如果Boolean为true 则a与b的相同数据A覆盖B的原创 2020-01-08 09:43:03 · 85 阅读 · 0 评论 -
vue中监听数组内部元素
在VUE中,对数组的监听是浅监听,也就是它只能监听到数组的长度或者有无的变化,当我们修改数组中的某一个值时,也就是数组的长度状态并没有改变时,在正常情况下它是无法监听到的,在watch中我们知道可以使用deep属性进行深监听,那么在其他情况下呢? 我们有两种办法解决此问题 1.通过原生的js对数组先进行切割,然后在添加新的内容(也就是我们要修改的内容) array.splice(i, 1, new...原创 2019-08-07 14:04:24 · 3418 阅读 · 0 评论 -
vue插槽
vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。 实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。 进入三部分之前,先让还没接触过插槽的同学对什么...转载 2019-07-31 15:28:17 · 69 阅读 · 0 评论 -
vue watch监听数据回调新旧值相同
data:{ testData:{ dataInfo:{ a: '我是a', b: '我是b' } } }, watch: { testDataNew: { handler: (val, olVal) =...转载 2019-07-25 11:03:00 · 2829 阅读 · 0 评论 -
vue中引用导致数据与被引用数据同步修改
this.form = this.tableData[itemNum]; 如果在vue中这样用引用的方式给一个值赋值。那么在修改this.form的同时,被引用的值也会同时改变。 解决方案 this.form = Object.assign({},this.tableData[itemNum]); 使用浅拷贝的方式进行赋值 this.editDialogData = $.extend(true...原创 2019-07-25 08:43:24 · 445 阅读 · 0 评论