Vue标记内的if-else

Question

我正在创建我的第一个Vue应用，我想使用if-else之类的东西

因此，请将此错误标签视为

<a :href="status === true ? '#' : 'url'">

在这里，我想要的是状态为true而不是href不应在单击时执行任何操作，如果状态为true则应提供url。

“我的默认导出”看起来像这样

<script>
export default {
  name: "socialBoxes",
  props: ["status", "url", "name"]
};
</script>

任何想法/语法有什么问题/如何获得预期的结果？

[更新：] 如果条件不成立，则不加载作为道具传递的url，而是将“ url”附加到url。

我正在这样传递我的网址

<SocialBoxes
          :url="eventbrite_auth_url"

Answer 1

尝试一下。我猜您已经添加了额外的单引号。 <a :href="status === true ? '#' : url">

Answer 2

检查带有事件对象的点击状态：

<a :href="url" @click="checkStatus"></a>

methods: {
  checkStatus(e) {
    if (status === false) {
      e.preventDefault();
    }
  }
}

Answer 3

对于条件渲染，请使用v-if而不是v-bind:href

<a :href="url" v-if="status === false">sometext</a>
<a href="#" v-else>sometext</a>