vue-baidu-map覆盖物圆形双向绑定更新不成功

新手上路,请多包涵

题目描述

**vue-baidu-map覆盖物圆形双向绑定更新不成功**

题目来源及自己的思路

更新circlePath.radius的值会出现多个圆形,旧的不能删除
![图片描述][1]

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<baidu-map class="map" :double-click-zoom="false" :center="mapCenter" :zoom="zoom">
    <bm-circle
      :clicking="false"
      :center="circlePath.center"
      :radius="circlePath.radius"
      fillColor="rgba(28,207,198,0.3)"
      stroke-color="rgba(28,207,198,1)"
      :stroke-opacity="0.1"
      :stroke-weight="4"
      @lineupdate="updateCirclePath"
    ></bm-circle>
   </baidu-map>
   
    sliderVal(min) {
  const newR = 300 + parseInt(7 * min);
  this.newRadius = newR;
 this.circlePath.radius = this.newRadius
},
updateCirclePath(e) {
this.circlePath.radius = this.newRadius

},

你期待的结果是什么?实际看到的错误信息又是什么?

问题描述

需要拉动滚动条圆形大小变化
![图片描述][2]

问题出现的环境背景及自己尝试过哪些方法

现在的情况是 需要更新大视图baidu-map,然后bm-circle才会更新。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

 请问怎么才能直接改变bm-circle的radius达到视图更新
阅读 3.1k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题