mpvue-echarts icon indicating copy to clipboard operation
mpvue-echarts copied to clipboard

自定义 canvasId 不支持驼峰命名法

Open keybrade opened this issue 5 years ago • 0 comments

问题描述:

canvasId 使用驼峰命名法时,querySelector获取元素,boundingClientRect无法正确获取元素的宽度高度
// echarts.vue 的init方法中
const query = wx.createSelectorQuery();
query.select(`#${canvasId}`).boundingClientRect((res) => {});

表现:

  • canvasId设置为 kebab-case:width: 375.20001220703125 , height: 293

<mpvue-echarts canvasId="trend-line" :echarts="echartsInstance" :onInit="initChart" :throttleTouch="true"></mpvue-echarts>
7534841aeed4fabf2a2af118ec2d270
  • canvasId 设置为 camel-case:width: 75 , height: 26.399999618530273

<mpvue-echarts canvasId="trendLine" :echarts="echartsInstance" :onInit="initChart" :throttleTouch="true"></mpvue-echarts>
9bcacc6d4e5204cbe99261c39acca99

keybrade avatar Apr 23 '19 03:04 keybrade