我遇到了 vue 的問題。我創建了一個圖表，我可以用資料初始化它，但是當我按下其中一個復選框時，沒有任何反應，它會在一步后發生。
例如：我按下復選框一：沒有任何變化。我按下復選框二：添加復選框一的資料 我按下復選框一：添加一和二的資料...
我希望有人能幫我解決這個問題。
謝謝 ：）
應用程式
<template>
<div v-if="show">
<div id="Chart">
<Chart v-bind:chartData="this.chartData"/>
</div>
</div>
<div>
<checkbox @click="changeGraph">Select Data 1</checkbox>
<checkbox @click="changeGraph">Select Data 2</checkbox>
</div>
</template>
export default {
name: 'App',
components: {
Chart,
},
data () {
return {
chartData: {};
}
},
methods: {
changeGraph() {
// Filling chartData in here
}
},
mounted: {
// init chartData here
}
}
uj5u.com熱心網友回復：
而不是@click，使用@change
@click="changeGraph"
uj5u.com熱心網友回復：
發生這種情況是因為物件對它沒有先驗的屬性沒有反應。為此，您可以使用setVue的功能：
this.$set(object, property, value)
// or
import Vue from 'vue'
Vue.set(object, property, value)
這樣，該屬性的反應性就會起作用。
您可以在此處閱讀更多相關資訊。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/355056.html
標籤：javascript Vue.js vue 组件
上一篇：根據計算出的數字顯示不同的影像