欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue项目中 img的src动态设置问题

程序员文章站 2024-01-19 13:46:52
...

vue项目中 img的src动态设置问题

当图片有动态设置需求的时候,需要做以下操作

HTML中

<img class="nodePic" :src="devImg" alt="开发进度">

JavaScript脚本中:

import undone1 from '../../assets/images/DPass2.0/processNode/undone1.png'
import done1 from '../../assets/images/DPass2.0/processNode/done1.png'
...................
computed: {
    devImg: {
        get: function () {
            return this.publishPoint>=1 ? done1 : undone1		//此处动态设置src
        }
    },
},