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图片怎么插入的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vue.js生命周期函数有什么作用

怎么检查vue.js是否安装成功了

css如何让图片自适应屏幕大小

canvas的图片处理

vue.js怎么引入echars

vue.js怎么获取input里面的值

怎么使用npm下载vue.js

深入理解vue响应式原理

css如何让图片和文字垂直居中对齐

为什么用vue.js,为什么前端开发46%的人都在用?

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




打赏

取消

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

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

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

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

评论

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