为了账号安全,请及时绑定邮箱和手机立即绑定

vue获取修改后p标签的值

/ 猿问

vue获取修改后p标签的值

<p style="text-align:left;border-bottom:1px solid #ccc;line-height:14px" contenteditable=true v-for="(item,index) in addQues" :key="index" @blur="addBlur(item,index)">{{item}}</p>
addBlur(value,index){                console.log(value,index)        },

这个p标签是可以编辑的,p标签是v-for动态生成的,现在在失去焦点时我想获取编辑后的p标签的值怎么操作,因为我要用这个值去修改v-for的那个数组。有没有好办法

查看完整描述

1 回答

已采纳
?
橋本奈奈未
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><div id="app"><pv-for="(item,index) in addQues":key="index"style="text-align:left;border-bottom:1px solid #ccc;line-height:14px"contenteditable="true":data-index="index"@blur="addBlur">{{item}}</p></div><script src="https://cdn.staticfile.org/vue/2.6.10/vue.js"></script><script>new Vue({el: '#app',data: {addQues: ['ques1','ques2'],},methods: {addBlur(e) {var el = e.target;this.$set(this.addQues, el.dataset.index, el.textContent)}},})</script></body></html>


查看完整回答
反对 回复 2019-11-26

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信