問題復現：父組件中通過名為 source 的 prop 向子組件 chart 傳入數據

import chart from '../components/chart'

export default {

name: 'home',

components: { chart },

data () {

return {

chartdata: []

}

},

mounted () {

settimeout(() => {

this.chartdata = [

[89.3, 58212, 'matcha latte'],

[57.1, 78254, 'milk tea'],

[74.4, 41032, 'cheese cocoa'],

[50.1, 12755, 'cheese brownie'],

[89.7, 20145, 'matcha cocoa'],

[68.1, 79146, 'tea'],

[19.6, 91852, 'orange juice'],

[10.6, 101852, 'lemon juice'],

[32.7, 20112, 'walnut brownie']

]

}, 2000)

}

}

子組件接收 source 數據當存在且至少有一條數據的時候，創建 id 為 main 的 div，用以初始化 echarts 實例

none </

總結

以上是生活随笔為你收集整理的vue判断组件是否显示_vue组件中watch props根据v-if动态判断并挂载DOM的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。