H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】vue使用组件不渲染 只有代码变了才渲染

这个组件是一个chart

<script>
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})
    
      }
}
</script>

    

然后在另一个组件Dash里引入并注册了

import LineChart from '@/components/line.vue';
    export default {
       components:{
           LineChart
       },

但是我每次刷新后 这个chart就消失了### 问题描述

回答:

刷新页面组件消失?用开发者工具看下有没有报错,以及对应的节点是否渲染先。

本文地址:H5W3 » 【Web前端问题】vue使用组件不渲染 只有代码变了才渲染

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址