img标签绑定src计算属性不成功
发布于 6个月前 作者 wksmile 737 次浏览 来自 问答

下面为img标签的html

<img :src="imgSrc" alt="check icon">

下面为computed中的计算属性,希望根据props中传过来的数据onlyContent 进行变化

imgSrc: function () {
        return this.onlyContent ? './check.png' : './check_active.png'
      }

下面为传的props属性

onlyContent: {
            type: Boolean,
            default: true
        }

但是网页中img图片不显示,并且通过开发者工具看到src的值没有被编译,还是原来的 <img src="./check.png" alt="check icon">

4 回复

requery或者import 图片,不要直接字符串

谢谢楼上,https://segmentfault.com/q/1010000007930232 不知道的也可以看看这个详细的

谢谢楼上上,可以试试图片放在static文件里面

计算属性里面return 后面不能是表达式,只能是喜欢,如果是加载本地图片建议使用require,不然打包后还是会保存,可以看我的demo https://github.com/15826954460/nodejs,最近才完成,仿写的nodejs

回到顶部