v-html怎么实现动态绑定

@尤雨溪

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="vue.js"></script>
    <script>
        var vm = new Vue({
            data: {
                str: "str",
                html: "html"
            },
            methods: {
                click: function () {
                    console.log("xxx")
                }
            }
        })
        window.onload = function () {
            vm.$mount(document.body)
            setTimeout(function () {
                vm.html = '<div v-text="str"></div>'
            }, 1000)
            setTimeout(function () {
                vm.html = '<button v-el:button v-on:click="click">click me</button>'
            }, 2000)
        }
    </script>
</head>
<body v-html="html">
</body>
</html>

回答:

有没有人能解答。。

回答:

v-html就是这么绑定的,没get到你的问题。
v-html

回答:

这个本来就是动态绑定的啊,而且我很好奇,你为什么要这样实现,你做两个不同的组件来切换不就行了吗

回答:

请问题主解决了吗,是否有方法

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注