vue中使用vant对输入框进行电话号码正则校验。

背景：点击列表某一项编辑，打开编辑弹窗，列表数据传递给弹窗组件，编辑该项内容，弹窗编辑的时候后面列表的数据也会跟着变原因：当列表项传递数据给弹窗时，传递的是对象是一个复杂的数据类型，复杂数据直接赋值是赋值的引用，b=a相当于 b和a指向了统一内存，改变a,b也跟着变了，所以要多开辟一个内存，只是两个内存里的值一样this.a={…this.b}方式一原理：把复杂类型先转成字符串 字符串复制没有引用

elementui中的el-table 中show-overflow-tooltip自定义样式

1.for方法跳出循环-----break跳出循环continue跳出当次循环var arr=[1,3,5,7,9];var id = 5;for(var i=0;i<arr.length;i++){if(arr[i]===1)continue;console.log(arr[i])if(arr[i]===id){break;}}打印结果为3、5，而剩余的没有打印，则说明到5就跳出了

slot用来传入自定义模板的内容

背景当项目中有许多地方需要的样式一样，可以写一个专门scss文件统一管理样式，只然后页面上引用这个文件，使用统一的样式，当样式变化的时候，只需要改变这一个文件即可，不需要每个页面都改一遍了1.新建立一个styles文件夹，文件夹下建立scss文件$title-color: #333333; //标题色$text-color: #666666; //基本信息字体色$text-tips-color:

在项目中，通过一个列表进入详情页，携带参数id渲染不同的详情页，动态传参使用编程式跳转vue传参方法一在router路由配置中{path: '/article/:id',name: 'Article',component: Article,}在列表页中点击事件handleClick(id){this.$router.push(`/article/${id}`) ;}在详情页中使用params获取m

我们在使用antdesign或者element等UI框架的时候，会遇到事件冒泡的问题，如何阻止呢？在普通的vue中如果要阻止事件冒泡通常只需要在click点击事件上.stop就可以像下面这样<div @click.stop="handleEdit(row)">编辑</div>这是因为.stop - 调用 event.stopPropagation()。.prevent -