Javascript 值绑定中的VueJS 2条件呈现

我只是尝试让VueJS 2在向dom元素添加值时呈现内联条件。我知道，可以使用

v-if

根据条件让元素出现或消失，但如何使用内联条件

我会举一个例子。下面的html描述了我的想法，我知道这行代码会产生一个错误。这两个

元素都由允许它们出现或不出现的条件控制，并且工作正常

现在，我尝试根据条件（例如括号中的条件）将值绑定到

href

属性

松散的
赢家

因此，通过VueJS渲染后，

标记应如下所示：

<a href="https://link-to-whatever.com/winner"> <!-- If diced == 6 -->

或

你知道我的问题是什么吗？这有可能吗

非常感谢

艾伦这应该行得通

<a :href="'https://link-to-whatever.com/'+ (diced==6 ? 'winner' : 'looser')">LINK</a>

看起来您正在尝试使用对象语法，但在本例中它实际上不起作用。相反，只需使用上面的三元。

应该可以

<a :href="'https://link-to-whatever.com/'+ (diced==6 ? 'winner' : 'looser')">LINK</a>

看起来您正在尝试使用对象语法，但在本例中它实际上不起作用。相反，只需使用上面的三元

<a :href="'https://link-to-whatever.com/'+ (diced==6 ? 'winner' : 'looser')">LINK</a>