标签内的内联 Vue JS 对象

【问题标题】：Inline Vue JS object inside tag标签内的内联 Vue JS 对象
【发布时间】：2018-03-09 04:34:57
【问题描述】：

如何将我的对象放入这样的 HTML 标记中？

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

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

谢谢

【问题讨论】：

【解决方案1】：

您可以使用此代码：

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

【讨论】：

【解决方案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');`
    }
}

【讨论】：