vue 组件第一次不渲染问题_解决vue页面渲染但dom没渲染的操作

本文介绍了在Vue中遇到组件第一次不渲染的问题,通过使用`this.$nextTick`来解决。同时,针对Vue结合Echarts动态数据无法渲染的问题,通过设置`watch`监听`echarts1_option`并重新设置图表选项实现了数据更新。文章提供了一个具体的Echarts饼图实例,展示了如何初始化、更新数据和处理渲染问题。
摘要由CSDN通过智能技术生成

我就废话不多说了,大家还是直接看代码吧~

this.$nextTick(() => {

$("select[name='ddlCostCenter']").select2({

language: "zh-CN"

});

});

补充知识:vue+Echarts动态数据已经赋值,但是无法渲染页面的问题

最近用vue+Echarts想做一个饼状统计图,但是数据明明已经绑定完毕,但是页面渲染一直没有效果,最终才发现问题所在,自己还是个新手,主要对vue还不是很熟悉。废话不说,接下来看我的代码:

正常的给个div的大小

接下来是option部分:

echarts1_option:{

backgroundColor: '#45515a', //背景颜色

//标题

title: {

text: '订单中保险公司所占的比例',

subtext: '饼图示例',

left: 'center',

top: 20,

textStyle: {

color: '#ccc',

fontStyle: 'italic'//标题字体

}

},

//弹窗,响应鼠标指向,显示具体细节

tooltip : {

trigger: 'it

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值