Question

在一个带Vuetify的Vue项目中，有一个带有标签的按钮＆＃34;点击我＆＃34;，我想要的是当点击按钮时，它的标签被改为＆＃34;点击＆＃34;

我试过，但按钮是空白的。

＆＃13;

export default {
  methods: {
    submit() {
    // How shoud I do?
    }
  }
}

＆＃13;

<v-btn @click="submit">click me</v-btn>

＆＃13;

Answer 1

您所要做的就是在组件数据中保存标签的内容，并在提交方法中更改此属性。然后只需更改模板即可使用此数据而不是静态标签，如下所示：

你的组件：

export default {
  data () {
    return {
      label: 'Click me'
    }
  },
  methods: {
    submit() {
      this.label = 'Something else'
    }
  }
}

您的模板：

<v-btn @click="submit">{{ label }}</v-btn>

我强烈建议您仔细阅读official vue tutorial，因为所有内容都包含在第一段中。

如何以编程方式更改v-btn的内容？

1 个答案: