vue 数据渲染问题

Question

vue渲染页面数据时，如果数据data里面数据为空，怎么在不使用v-if的情况下实现设置data数据为空时设置默认值

<img :src="item.url" alt="">

这里如果说 item 里面 url 为空，那么图片路径就为空，页面将不会显示图片，怎么实现当url为空时指定一个默认路径呢

Answer 1

楼上的三元表达式可以，也可以使用:src="item.url || require('你的图片默认路径')"

Answer 2

item.url ? 'item.url' : require('你的默认图片路径')

Answer 3

item.url ? 'item.url' : '你的默认图片路径'

Answer 4

在data里定义全局url
data(){

return{
    url:'默认图片路径'
}

}
页面：<img :src="url" alt="">
JS：请求中返回的url赋值给你定义的url

Answer 5

onerror=""