利用ref,例如

 <div ref="aaa"></div>

    addMarker1() {
      // 通过该方法可以取到上面的div
      var sContent = this.$refs.aaa;
       }

这样做的好处是,比如有个div,你先获得要传入数据的值后再通过这个获得你想获得div,进行展示。

例如百度地图增加点,每个点可以点出信息框,代码如下

var marker = new BMapGL.Marker(new BMapGL.Point(116.404, 39.915));
map.addOverlay(marker);
// 创建图文信息窗口
var sContent = `<h4 style='margin:0 0 5px 0;'>天安门</h4>
    <img style='float:right;margin:0 4px 22px' id='imgDemo' src='../img/tianAnMen.jpg' width='139' height='104'/>
    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
    天安门坐落在中国北京市中心,故宫的南侧,与天安门广场隔长安街相望,是清朝皇城的大门...
    </p></div>`;
var infoWindow = new BMapGL.InfoWindow(sContent);

上述样式定义在代码里,对于新手不太友好,而且不方便取值,我们可以通过ref属性把这些定义再div里

<div
      id="win_box"
      style="position:absolute; height:400px; overflow:auto "
      ref="aaa"
    >

………………………………………………
</div>



//取到上面的div

var sContent = this.$refs.aaa;

 

Logo

前往低代码交流专区

更多推荐