时间戳

首页 > 解决方案 > 动态改变 vuetify v-alert prop

vue.js - 动态改变 vuetify v-alert prop

问题描述

我正在尝试从方法更改 v-alert 组件类型，但我似乎无法弄清楚如何。到目前为止，这是我的代码：

   <v-alert type="{{alertType}}">
    I'm a success alert.
  </v-alert>

我以为我可以将 alertType 绑定到我从方法中操作的数据变量，但它似乎不起作用。有没有办法做到这一点？

谢谢！

标签： vue.jsvuetify.js

解决方案

属性中不再允许模板语法。如果要将属性绑定到数据属性，则应使用v-bind:或其简写:

<v-alert v-bind:type="alertType">
    I'm a success alert.
</v-alert>

或者干脆

<v-alert :type="alertType">
    I'm a success alert.
</v-alert>

推荐阅读