vue更换dom后重新挂载

最新推荐文章于 2024-03-19 21:42:03 发布

杨家八公子

最新推荐文章于 2024-03-19 21:42:03 发布

阅读量1.5k

点赞数

分类专栏： node Vue js 文章标签： vue js html

本文链接：https://blog.csdn.net/jerryyang_2017/article/details/106383923

版权

js 同时被 3 个专栏收录

47 篇文章 3 订阅

订阅专栏

Vue

34 篇文章 0 订阅

订阅专栏

node

4 篇文章 0 订阅

订阅专栏

场景是这样的：

我们挂载的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>

杨家八公子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue更换dom后重新挂载

场景是这样的：我们挂载的dom的节点手后台返回来的但是返回来的dom字符串渲染后里面的方法不起作用，如果想起作用的话就需要用到事件代理，最优的方法是用组件模板来写实在不行的话就用我下面的办法在重新new一个vue的实例<body> <div id="app"> <input type="text" v-model="name" /> <button onclick="qh()">切换&lt...
复制链接

扫一扫