怎么在vue.js插图片


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<script>

    //方法1.直接将图片引入为模块

    require imgUrl from "../assets/test.png"

  

    //方法2.将imgUrl放在数据里

    data(){

        return {

            imgUrl:require("../assets/test.png")

        }

    }

  

    //方法3.在生命周期函数中设置

  

    data(){

        return {

            imgUrl:""

        }

    }

  

    created(){

        let urlTemp = "assets/test.png";

        this.imgUrl = require("@/"+urlTemp)

    }

</script>

更多编程相关知识,请访问:编程视频!!

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

返回前面的内容

相关阅读 >>

怎么用vue.js做异步请求

一个实例入门vue计算属性、方法、侦听器

.js文件中怎么引用vue

vue.use方法怎么用

vue style中使用data中的变量的方法详解

vue和react属于js库吗

js和vue的关系是什么

vue项目中关闭eslint校验的方法介绍

vue.js怎么进行页面跳转?

bootstrap与vue区别

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




打赏

取消

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

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

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

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

评论

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