vue.js图片怎么插入


本文摘自PHP中文网,作者coldplay.xixi,侵删。

vue.js图片插入的方法:1、在data里面将图片路径保存好;2、函数方法里面直接去访问图片路径;3、将图片统一放在一个json文件中,之后在vue页面中引用json文件。

【相关文章推荐:vue.js】

vue.js图片插入的方法:

方法一:在data里面将图片路径保存好

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

imgList: [

          {

            openItem: '../static/icon/ic_police.png'

          },

          {

            openItem: '../static/icon/ic_prepay_confirm.png'

          },

          {

            openItem: '../static/icon/ic_checkout.png'

          },

          {

            openItem: '../static/icon/ic_lvye.png'

          },

          {

            openItem: '../static/icon/ic_invoice.png'

          },

          {

            openItem: '../static/icon/ic_bill.png'

          }

        ]

方法二:函数方法里面直接去访问图片路径

1

let src = require('../../assets/homeImg/home_icon1.png');

方法三:将图片统一放在一个json文件中,之后在vue页面中引用json文件

1

2

3

4

5

6

7

8

import imgs from "../../static/json/img.json"

export default {

data () {

return {

imgList: imgs.images

}

}

}

相关免费学习推荐:javascript(视频)

以上就是vue.js图片怎么插入的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

webstorm怎样新建vue.js的项目

vue.js如何引用vue router

js如何获取ueditor富文本编辑器中的图片地址

vue.js怎么监听路由变化

vue刷新404的问题解决方法

如何理解vue.js中的条件渲染?(代码示例)

vue.js为什么不能支持ie8?

vuex中映射的完整指南

vue.js中怎么打开新页面

vue.js与其它框架的不同是什么

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...