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屋！