這個組件是一個chart

import { Line } from 'vue-chartjs';

export default {

extends: Line,

mounted () {

this.renderChart({

labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

datasets: [

{

label: 'success',

backgroundColor: '#FC2525',

fill: 'transparent',

data: [40, 39, 10, 40, 39, 80, 40]

},

{

label: 'fail',

backgroundColor: '#05CBE1',

fill: 'transparent',

data: [60, 55, 32, 10, 2, 12, 53]

}

]

}, {responsive: true, maintainAspectRatio: false})

}

}

然后在另一個組件Dash里引入并注冊了

import LineChart from '@/components/line.vue';

export default {

components:{

LineChart

},

但是我每次刷新后 這個chart就消失了### 問題描述

總結

以上是生活随笔為你收集整理的vue 组件第一次不渲染问题_vue使用组件不渲染 只有代码变了才渲染的全部內容，希望文章能夠幫你解決所遇到的問題。

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