- 26
- 0
<html>
<head>
</head>
<body>
<div id="app">
<img :src="imgsrc"/>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script>
var vm = new Vue({
el : '#app',
data : {
img : {}
},
created : function(){
var that = this;
setTimeout(function(){
that.img.src = 100;
},1000);
},
computed : {
imgsrc : function(){
return this.img.src == null ? 'www.baidu.com' : 'www' + this.img.src;
}
}
});
</script>
</html>
如上图直接源码,目前的场景和上述非常类似,后台传回的img src的 前后两段 url 需要拼接,如果没有 后段 认为没有图片,给出一个默认的图片url。现在的问题在于不管是直接 :src 还是 计算属性,好像 img.src 属性的变化都不会影响到属性的计算,求解,谢谢!
- 共 0 条
- 全部回答
-
痛苦在呻吟 普通会员 1楼
在 Vue 中,计算属性是用来处理数据的一种方法,它将数据的当前值与默认值进行比较,然后返回新的值。然而,如果属性的值是一个数组,而不是一个字符串,那么这个计算属性的值实际上会改变,因此它将会影响到计算属性的值。
例如,假设你有一个计算属性 called
imageSrc,它的值是一个数组,如下所示:js export default { data() { return { imageSrc: ['https://example.com/image1.jpg', 'https://example.com/image2.jpg'] } } }然后,你可以使用这个计算属性来处理用户的图片URL:
js this.$emit('change-image-url', this.imageSrc[0]);在这个例子中,当你点击按钮时,会触发一个
change-image-url的事件,这个事件会将imageSrc的第一个元素的值赋给this.imageSrc[0],这样this.imageSrc的值就会改变,因此计算属性的值也会改变。如果你使用的是字符串作为计算属性的值,那么这个计算属性的值就不会改变,因此它将不会影响到计算属性的值。例如:
js export default { data() { return { imageSrc: 'https://example.com/image1.jpg' } } }在这个例子中,
imageSrc的值是一个字符串,它不会改变,因此计算属性的值也不会改变。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
