随笔分类 - vue随笔
摘要：从三个方面给大家说一下这个this.$set: 1.this.$set实现什么功能，为什么要用它？ 2.怎么用它？ 3.应用场景 1.this.$set实现什么功能，为什么要用它？ 当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（
阅读全文
摘要：简单的方法： var a =[{name: 'Tom',age:20},{name: 'Tom2',age:22}] 现在给a数组中的第一个对象添加性别属性 a[0]['gender']='women' a[0]['address']="China" a[1].province="Jiangsu"
阅读全文
摘要：在style经常用scoped属性实现组件的私有化时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如 .conBox /deep/ .el-input__inner{ padding:0 10px; } 注意，/deep/在
阅读全文
摘要：首先安装插件：codemirror、diff-match-patch HTML部分： <div id="view"></div> import CodeMirror from 'codemirror'import 'codemirror/lib/codemirror.css'import 'code
阅读全文
摘要：一、前期准备 此组件的功能主要依赖于codemirror，另外加入了js-yaml进行语法检查，方便在实时编辑时提示语法不正确的地方。因此首先需要在项目中安装codemirror与js-yaml:codemirror: npm install codemirrorjs-yaml: npm insta
阅读全文
摘要：let arr = [ { name: 'zhangsan', id: '1001' }, { name: 'lisi', id: '1001' } ] // 判断id是否重复 // 返回一个id的数组 const newArr = arr.map(item => item.id ) // Set类
阅读全文
摘要：第一种方法let obj ={"name":"tom","age":16}let key = "id";let value = 2obj[key] = value;console.log(obj) 第二种方法，利用扩展运算符,简单又实用var obj1={"vue":300,"jquery":200
阅读全文
摘要：我们在写代码的时候总能碰上各种各样的需求，而往往后端返回的数据格式无法满足你的需求，就比如树形控件里的数据有特定的格式，这个时候就需要我们前端来转换一下格式了，下面这是我用到的转换对象的key值。 var array = [ { id:1, name:"小明" }, { id:2, name:"小红
阅读全文
摘要：划出：@mouseleave 划入：@mouseenter
阅读全文
摘要：话不多说上核心：Object.assign(this.$data, this.$options.data.call(this)); 重置表单的方法 this.$refs[formRef].resetFields(); 不是表单中的数据，也需要重置 this.$data = this.$options
阅读全文
摘要：<script type="text/javascript"> var myObject = {'name':'Kasun', 'address':'columbo','age': '29'} var count = Object.keys(myObject).length; console.log
阅读全文
摘要：<!-- 首先将要过渡的元素用transition包裹，并设置过渡的name） --> <div id="box"> <transition name="mybox"> <div class="box" v-show="boxshow"></div> </transition> <button @c
阅读全文
摘要：解决方案：修改created为activated
阅读全文
浙公网安备 33010602011771号