vue|vue里面的js引入图片，必须用require web前端开发|vue|js|require|vue开发

vue中js引入图片,须用require引入一般情况下,我们在vue里面引入图片的话,基本上是这样子写的

文章图片

但是在有些需求下,图片需要在在js里面引入,这种情况下,vue中js引入图片,需要用require
下面列举例子以供参考

> export default { data() { return { //下面的正确的注意要用require imgUrl: [ { id: 1, imgSrc: require("../../images/1.jpg") }, { id: 2, imgSrc: require("../../images/2.jpg") }, { id: 3, imgSrc: require("../../images/3.jpg") },//下面是错误的 // {id: 1, imgSrc: "../../images/1.jpg"}, // {id: 2, imgSrc: "../../images/2.jpg"}, // {id: 3, imgSrc: "../../images/3.jpg"}, ], }; }, created() {}, methods: {} }; > .num { margin-right: 1px; width: 300px !important; height: 300px !important; }