Harryzong

摘要： 常规用法绑定的值为数组，但是项目中需要绑定的值为字符串才好， 两种解决方式，方式1：按常规写法来做，最后将数据处理成字符串给后端 方式2：直接绑定成字符串，不用来回转换格式 方式2比较方便，所以选择方式2来做 // dom结构 <el-form-item v-if="form.userType 's 阅读全文

摘要： 如上图的el-table,懒加载删除最后一条时，不刷新页面，百度后答案是在this.$refs.tableRef中的store（在el-table中添加ref="tableRef"） state对象中states里的lazyTreeNodeMap是子节点的对象数组 lazyTreeNodeMap中的 阅读全文

摘要： 最近遇到一个功能，让input输入框根据输入内容的多少自己撑开宽度，试了试原生的input标签，发现有默认宽度，所以找了找原理，自己实现一个input 实现原理比较简单 动态获取dom元素增加input事件然后给想要显示的元素附上输入的内容 上效果图截图 上vue2示例代码 <template> < 阅读全文

摘要： 总结： 单个元素：先申明ref响应式数据，返回给模版使用，通过ref绑定数据 遍历的元素：先定义一个空数组，定一个函数获取元素，返回给模版使用，通过ref绑定这个函数 <template> <div class="container"> <!-- vue2.0 获取单个元素 --> <!-- 1. 阅读全文

摘要： 当你明确知道需要的是一个响应式数据 对象 那么就使用 reactive 即可 其他情况使用ref <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName" 阅读全文

摘要： 使用场景：剥离响应式对象（解构|展开），想使用响应式对象中的多个或者所有属性做为响应式数据。 <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName">修 阅读全文

摘要： 使用场景：有一个响应式对象数据，但是模版中只需要使用其中一项数据。 <template> <div class="container"> {{name}} <button @click="updateName">修改数据</button> </div> </template> <script> im 阅读全文

摘要： <template> <div class="container"> <div>{{obj.name}}</div> <div>{{obj.age}}</div> <button @click="updateName">修改数据</button> </div> </template> <script 阅读全文

摘要： 阅读全文

摘要： 阅读全文