vue 引入图片在data里使用

yuyu_2019

于 2020-11-28 17:20:55 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/yuyu_2019/article/details/110287559

VUE 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何在Vue项目中使用自定义图标标记地图位置，并展示了一个具体的应用实例。通过导入图片资源并将其设置为地图标记的图标，实现了在指定地理坐标上显示特定图标的地图功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
import imgMobIconGray from '@/assets/images/SafetyWarningLinkagePlatform/shexiangtou-gray-icon-24.png'
export default {
  name: 'Test',
  components: {
  },
  data () {
    return {
      mobMarkers: [
        {
          id: '01',
          position: [86.934165, 27.990458],
          icon: '<img src="' + imgMobIconGray + '" style="width:18px;height:22px;"></img>',
        }
      ]
    }
  },
  methods: {
  },
  created () {
  },
  mounted () {
  }
}
</script>