jquery - vue.js对事件添加的dom怎么渲染?
本文介绍了jquery - vue.js对事件添加的dom怎么渲染?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
操作描述:点击按钮,向table里添加一条tr并渲染select class=a下面的option
出现的问题:点击添加的dom第一条可以渲染,第二条没被vue解析,而是把标签显示出来了
代码:
var table = $('table').find('tbody')
var dom = '<tr><td><select class="a"><option v-for="item in items">{{item.title}}</option></select></td></tr>'
btn.on('click',function(){
table.append(dom);
vmcode('.a')
})
function vmcode(dom){
var data = {
itmes:[]
}
var vm = new Vue({
el:dom,
data:data
})
}
如果换了class名就可以,要怎么解决呢?
解决方案
暂时把JQ的思路放在一边
function vmcode(dom){
var data = {
itmes:[]
}
var vm = new Vue({
el:dom,
data:data
})
}
你这个封包,每次点击一下,都new vue,其实这个只需要初始化一次就够了
这篇关于jquery - vue.js对事件添加的dom怎么渲染?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文