當前位置：首頁 > 前端技术 > vue >内容正文

vue

vue 组件第一次不渲染问题_vue使用组件不渲染只有代码变了才渲染

發布時間：2024/7/5 vue 43 豆豆

生活随笔收集整理的這篇文章主要介紹了 vue 组件第一次不渲染问题_vue使用组件不渲染只有代码变了才渲染小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

這個組件是一個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使用组件不渲染只有代码变了才渲染的全部內容，希望文章能夠幫你解決所遇到的問題。

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