摘要: 如上图的el-table,懒加载删除最后一条时,不刷新页面,百度后答案是在this.$refs.tableRef中的store(在el-table中添加ref="tableRef") state对象中states里的lazyTreeNodeMap是子节点的对象数组 lazyTreeNodeMap中的 阅读全文
posted @ 2024-09-09 15:47 Harry宗 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 最近遇到一个功能,让input输入框根据输入内容的多少自己撑开宽度,试了试原生的input标签,发现有默认宽度,所以找了找原理,自己实现一个input 实现原理比较简单 动态获取dom元素增加input事件然后给想要显示的元素附上输入的内容 上效果图截图 上vue2示例代码 <template> < 阅读全文
posted @ 2024-08-02 16:53 Harry宗 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 总结: 单个元素:先申明ref响应式数据,返回给模版使用,通过ref绑定数据 遍历的元素:先定义一个空数组,定一个函数获取元素,返回给模版使用,通过ref绑定这个函数 <template> <div class="container"> <!-- vue2.0 获取单个元素 --> <!-- 1. 阅读全文
posted @ 2024-07-12 15:10 Harry宗 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 当你明确知道需要的是一个响应式数据 对象 那么就使用 reactive 即可 其他情况使用ref <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName" 阅读全文
posted @ 2024-07-10 11:12 Harry宗 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 使用场景:剥离响应式对象(解构|展开),想使用响应式对象中的多个或者所有属性做为响应式数据。 <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName">修 阅读全文
posted @ 2024-07-10 11:05 Harry宗 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 使用场景:有一个响应式对象数据,但是模版中只需要使用其中一项数据。 <template> <div class="container"> {{name}} <button @click="updateName">修改数据</button> </div> </template> <script> im 阅读全文
posted @ 2024-07-10 11:00 Harry宗 阅读(4) 评论(0) 推荐(0) 编辑
摘要: <template> <div class="container"> <div>{{obj.name}}</div> <div>{{obj.age}}</div> <button @click="updateName">修改数据</button> </div> </template> <script 阅读全文
posted @ 2024-07-09 14:25 Harry宗 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-07-09 14:16 Harry宗 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-07-09 14:11 Harry宗 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-06-05 09:58 Harry宗 阅读(1) 评论(0) 推荐(0) 编辑