输入的变量：src变为空时该怎么办？

Question

输入：src的变量为空时该怎么办？

<v-img
  :src="product.eyecatch"
  :lazy-src="product.eyecatch"
></v-img>

当product.eyecatch为空时，显示以下错误

“无法读取null的属性'src'”

我该怎么办？除了使product.eyecatch可为空之外，别无选择？

谢谢

Answer 1

如果在：src内，则始终可以使用三进制

示例：

<v-img
  :src="product.eyecatch ? product.eyecatch : ''"
  :lazy-src="product.eyecatch"
></v-img>

或使用

v-if
v-else

宣告v-img时

Answer 2

如果添加v-if，您将不再收到此错误，因为如果product.eyecatch为空，则组件将无法渲染

<v-img
  v-if="product.eyecatch"
  :src="product.eyecatch"
  :lazy-src="product.eyecatch"
></v-img>