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>

任何想法/我的语法有什么问题/我怎样才能达到预期的结果？

[更新：]当条件不成立时，它不会加载作为 props 传递的 url，而是将“url”附加到 url。

我像这样传递我的网址

<SocialBoxes
          :url="eventbrite_auth_url"

Answer 1

试试这个。我猜你添加了额外的单引号。<a :href="status === true ? '#' : url">