![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+element
hp-future
这个作者很懒,什么都没留下…
展开
-
element-ui 单元格可编辑
element-ui 单元格可编辑一、在使用 element-ui 时,一般都会用到表格组件,在使用过程中,有可能会遇到一种需求:双击任意单元格进行编辑二、我的实现思路是这样: 1、双击后单元格后,单元格能够输入内容 2、获取输入的内容,更新该单元格对应的数据三、具体实现1、让单元格更够输入,第一时间肯定想到的是输入框,其实还有一个 html 标签也能实现输入功能,就是我们最常见的 div,不过需要手动设置一个属性,即:<div contenteditable="true">&原创 2020-12-22 16:25:35 · 1127 阅读 · 2 评论 -
js 在光标处插入内容
开发过程中,有时会遇到这种需求,在光标处插入内容,这时就需要两个操作:1、获取光标位置2、在光标处插入内容假如有一个文本域、一个下拉框,要求把下拉框选中的值插入到文本域中的指定位置<el-input id="textarea" type="textarea" :autosize="{ minRows: 2}" v-model="form.content" placeholder="请输入" clearable @input="input"></el-input>原创 2020-12-17 14:12:20 · 2061 阅读 · 1 评论