我正在嘗試在單擊按鈕時觸發一個事件，但是我希望可以使用的此代碼不起作用。
我認為這是因為我最初在資料部分沒有任何價值，所以添加了資料以使組件具有反應性。那沒有做任何事情，所以我不知道下一步該嘗試什么。
代碼
<template>
<div>
<button @click="liveChatTrigger">{{ text }}</button>
</div>
</template>
<script>
export default {
name: "LiveChatButton",
method: {
liveChatTrigger() {
alert('trigger')
}
},
data() {
return {
text: 'Start a live chat now'
}
}
}
</script>
錯誤
[Vue warn]: Property or method "liveChatTrigger" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
[Vue warn]: Invalid handler for event "click": got undefined
(found in <Root>)
uj5u.com熱心網友回復：
method您已在屬性中定義函式。應該是methods。
uj5u.com熱心網友回復：
它方法，更改名稱屬性
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/431576.html
標籤：javascript Vue.js