Vue中怎样为通过字符串渲染进dom的标签添加事件
1个回答
2018-04-20 · 百度知道合伙人官方认证企业
关注
展开全部
既然你是通过dom添加,那就用dom绑定就是了
document.getElementById('table').innerHTML = str;document.getElementById('qwe').onclick = function(){ console.log(1)
}
在vue,react中,讲的就是虚拟dom,就是尽量避免操作dom,所以这样写的思想是错的,你应该去利用数据来渲染
template:
<table id="table">
<tr v-for="(item,i) in tableData" :key='i'>
<td v-for="(item2,j) in item" :key='j' @click='handleClick'>{{item2.title}}</td>
</tr>
</table>
data:
tableData:[]
methods:btn(){
this.tableData = [[{title:'qwe'}]]
}
document.getElementById('table').innerHTML = str;document.getElementById('qwe').onclick = function(){ console.log(1)
}
在vue,react中,讲的就是虚拟dom,就是尽量避免操作dom,所以这样写的思想是错的,你应该去利用数据来渲染
template:
<table id="table">
<tr v-for="(item,i) in tableData" :key='i'>
<td v-for="(item2,j) in item" :key='j' @click='handleClick'>{{item2.title}}</td>
</tr>
</table>
data:
tableData:[]
methods:btn(){
this.tableData = [[{title:'qwe'}]]
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询