vue.js图片怎么插入

coldplay.xixi
Lepaskan: 2020-11-17 15:28:36
asal
3920 orang telah melayarinya

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

vue.js图片怎么插入

【相关文章推荐:vue.js

vue.js图片插入的方法:

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

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' } ]
Salin selepas log masuk

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

let src = require('../../assets/homeImg/home_icon1.png');
Salin selepas log masuk

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

import imgs from "../../static/json/img.json" export default { data () { return { imgList: imgs.images } } }
Salin selepas log masuk

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

Atas ialah kandungan terperinci vue.js图片怎么插入. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!