猿问
下载APP

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的那个数组。有没有好办法

王小凯童鞋
浏览 2490回答 1
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>
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答