我正在嘗試了解 Shopify 主題的 Vue 3 資料管理。在瀏覽了基于 Vue 2 的舊代碼后，我無法通過更改方法函式中的值來更新資料物件。
以下是有問題的片段。
Vue.createApp({
delimiters: ['${', '}'],//for NO CONFLICT with liquid theme
data: () => {
return {
message: 'Hello Vue'
}
}, //data ends
methods: {
setMessage: (params) => {
//setting new message
this.message = params;
}
}, //methods ends
}).mount('#app1')<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app1">
<h5>${ message }</h5>
<button v-on:click="setMessage('new message')">Submit</button>
</div>uj5u.com熱心網友回復：
像這樣定義方法setMessage(params) {不是這樣setMessage: (params) => {
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/434615.html