标签内的内联Vue JS对象

Question

如何将像这样的HTML标签放入我的对象？

<a href="javascript:parent.call('{{ value.text }}','1','','2','3');">

该对象位于Json解析器的循环内。

谢谢

Answer 1

您可以使用此代码：

<a :href="`javascript:parent.call('${ value.text }','1','','2','3');`">

Answer 2

Vue 2.0不允许在属性内插值，您必须使用绑定语法：

<a v-bind:href="`javascript:parent.call(${ value.text },'1','','2','3');`">

或简称：

<a :href="`javascript:parent.call(${ value.text },'1','','2','3');`">

作为旁注，最好保持html清洁并将其移动到计算结果：

<a :href="link">

computed: {
    link() {
       return `javascript:parent.call(${ this.value.text },'1','','2','3');`
    }
}