vue更換dom後重新掛載

 場景是這樣的:

我們掛載的dom的節點手後臺返回來的   但是返回來的dom字符串渲染后里面的方法不起作用   ,如果想起作用的話就需要用到事件代理  ,最優的方法是用組件模板來寫

實在不行的話就用我下面的辦法在重新new一個vue的實例

<body>
    <div id="app">
        <input type="text" v-model="name" />
        <button onclick="qh()">切換</button>
    </div>
</body>
<script src="js/vue.js"></script>
<script src="js/jquery.min.js"></script>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
            name: 'albert'
        }
    });
    function qh() {
        $("#app").html('<input type="text" v-model="name"/><button onclick="qh()">切換</button>');
        var vm1 = new Vue({
            el: "#app",
            data: {
                name: Math.round(Math.random()*10000),
            }
        });

    }
</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章