如何根据路线名称呈现特定的组件属性

Question

在Vue中，当我需要根据路线应用某些类时，我会:class="$route.name == 'canceled' ? 'active' : ''"。

我该如何在v-btn属性本身中应用相同的方法，并根据路由名称渲染<v-btn outline>或仅渲染<v-btn>。

Answer 1

outline属性值可以与v-bind指令或:冒号速记绑定。如the documentation所述，布尔值将导致添加或删除HTML属性：

<v-btn :outline="$route.name == 'canceled'">