我正在使用vuejs。如果两个属性(selImage和imageData为空)显示默认图像时会遇到困难。是否有更好的方法来编写此内容。如果只有一个属性,我可以实现,但不能同时使用两个属性。在这种情况下,我不希望使用computed。任何帮助。谢谢
new Vue({
el: "#app",
data: {
path: `https://example.com/`,
selImage: '',
imageData: '',
},
methods: {
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<img v-if="selImage" :src="path+selImage" />
<img v-else-if="imageData" :src="imageData" />
<img src="example.com/myimage.jpg" v-show="!selImage || !imageData" />
</div>
2条答案
按热度按时间tkclm6bt1#
可以创建计算特性:
btqmn9zl2#
下面是在我的案例中效果最好的方法。