摘要：
最近遇到一个功能，让input输入框根据输入内容的多少自己撑开宽度，试了试原生的input标签，发现有默认宽度，所以找了找原理，自己实现一个input 实现原理比较简单 动态获取dom元素增加input事件然后给想要显示的元素附上输入的内容 上效果图截图 上vue2示例代码 <template> < 阅读全文
posted @ 2024-08-02 16:53
Harry宗
阅读(17)
评论(0)
推荐(0)
摘要：
总结： 单个元素：先申明ref响应式数据，返回给模版使用，通过ref绑定数据 遍历的元素：先定义一个空数组，定一个函数获取元素，返回给模版使用，通过ref绑定这个函数 <template> <div class="container"> <!-- vue2.0 获取单个元素 --> <!-- 1. 阅读全文
posted @ 2024-07-12 15:10
Harry宗
阅读(13)
评论(0)
推荐(0)
摘要：
当你明确知道需要的是一个响应式数据 对象 那么就使用 reactive 即可 其他情况使用ref <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName" 阅读全文
posted @ 2024-07-10 11:12
Harry宗
阅读(18)
评论(0)
推荐(0)
摘要：
使用场景：剥离响应式对象（解构|展开），想使用响应式对象中的多个或者所有属性做为响应式数据。 <template> <div class="container"> <div>{{name}}</div> <div>{{age}}</div> <button @click="updateName">修 阅读全文
posted @ 2024-07-10 11:05
Harry宗
阅读(7)
评论(0)
推荐(0)
摘要：
使用场景：有一个响应式对象数据，但是模版中只需要使用其中一项数据。 <template> <div class="container"> {{name}} <button @click="updateName">修改数据</button> </div> </template> <script> im 阅读全文
posted @ 2024-07-10 11:00
Harry宗
阅读(7)
评论(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宗
阅读(5)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2024-07-09 14:16
Harry宗
阅读(5)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2024-07-09 14:11
Harry宗
阅读(5)
评论(0)
推荐(0)
摘要：
折磨许久终于解决，百度到的答案，搬运纪念一下 <el-popover placement="bottom" title="编辑标签" width="400" trigger="manual" v-model="row.tagVisible" :ref="`popover-${row.id}`"> < 阅读全文
posted @ 2024-01-16 18:38
Harry宗
阅读(744)
评论(0)
推荐(0)