vue js动态渲染路由器链接路径答案

【问题标题】：Vue js dynamically render router link pathvue js动态渲染路由器链接路径
【发布时间】：2019-02-21 15:15:03
【问题描述】：

我正在努力寻找一种方法来动态呈现路由器链接的路径，例如使用 test 变量。我正在尝试绑定:to，但没有成功。不知道能不能在绑定中使用三元运算符如下图：

<template>
  <div>
    <router-link
       :to="{ test ? '/success' : '/fail' }"
       tag="button"
       class="btn-next">
       <span class="btn-text">BUTTON</span>
    </router-link>
  </div>
</template>

<script> 
export default {
  // ...
  data: function() {
    return {
      test: false
    };
  }
}
</script>

【问题讨论】：

标签： vue.js vuejs2 vue-component vue-router

【解决方案1】：

您的解决方案很接近（您不需要大括号）。它应该是这样的：

<router-link :to="test ? '/success' : '/fail'">

demo

【讨论】：

@Andro 没问题 :)