Vue.js jQuery 渲染和绑定 HTML 字符串

Question

是否可以像下面的代码一样在 Vue 中输出/渲染和绑定 HTML 字符串？

...

methods: {
    funcA: function () {
        // some code here
    },
    funcB: function () {
        $('#example').html('<router-link to="/some/path"></router-link>')
    },
    funcC: function () {
        $('#example').html('<a href="" v-on:click="funcA()"></a>')
    }
}

...

感谢您的回复。

Answer 1

单router-link

在你的template：

<router-link :to="dynamicPath" v-if="dynamicPath"></router-link>

注意:to 中的双冒号。

在data() 函数中：

dynamicPath: null

在created()/mounted()钩子里：

this.dynamicPath = "/what/ever"

多个router-links

如果您想生成整个 list 或 router-links，这将是一种方法：

在你的template:

<router-link v-for="dynamicPath in dynamicPaths" :to="dynamicPath"></router-link>

在data()函数中：

dynamicPaths: []

在created()/mounted()钩子里：

this.dynamicPaths = [ "/what/ever", "/floats", "/your/boat" ]