vue.js - 单击非 Vuetify 按钮不会更新 v-data-table 中的数据

Question

在代码笔中，我有两个按钮。一个是 Vuetify，另一个不是。两者都应该调用该updateData()函数，但只有 Vuetify 组件能够成功运行它。如何从appdiv 外部调用组件中定义的方法？

score 0 · Accepted Answer

您正在尝试触发updateData方法，该方法只能在安装 Vue 的 HTML 元素内访问。我假设您正在将 Vue 安装到带有id="app".

您必须将按钮放在<div id="app">：

<div id="app">
  <button @click="updateData()">Button</button>
  ...

或者，如果您不需要访问任何 Vue 属性，您可以在内部创建一个函数script并使用 event.xml 触发它onclick。请记住，@click在 Vue 之外也无法访问：

<button onclick="updateData()">Button</button>

<div id="app">
  ...

<script>
function updateData() {
  console.log('test')
}
</script>

1 回答 1