vue在代码中取到div
利用ref,例如<div ref="aaa"></div>addMarker1() {// 通过该方法可以取到上面的divvar sContent = this.$refs.aaa;}这样做的好处是,比如有个div,你先获得要传入数据的值后再通过这个获得你想获得div,进行展示。例如百度地图增加点,每个点可以点出信息框,代码如下var marker = new BMapGL
·
利用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;
更多推荐
已为社区贡献2条内容
所有评论(0)