Question

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

Answer 1

您正在尝试触发updateData方法，该方法仅可在安装Vue的HTML元素内部访问。我假设您正在使用id="app"将Vue安装到元素上。

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

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

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

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

<div id="app">
  ...

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