如何使用 vuetify image srcset - vuejs

【问题标题】：How to use vuetify image srcset - vuejs如何使用 vuetify image srcset - vuejs
【发布时间】：2019-02-14 11:43:42
【问题描述】：

我想在 vuetify 的 v-img 组件中使用 srcset。我从数据属性传递路径。我的 src 属性使用相同的语法可以正常工作，但 srcset 不起作用。

代码如下：

<v-img 
  :src="image.original_path" 
  :srcset="image.mobile_path 480w" 
  class="image-masonry mini-cover">
</v-img>

如果我以这种方式使用它会引发错误。如何正确设置 srcset？任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

您在 srcset 中有一个变量和一个原始字符串，您需要将它们组合成一个字符串。例如：

:srcset="`${image.mobile_path} 480w`"

或

:srcset="image.mobile_path + ' 480w'"

所以最终版本应该是这样的：

<v-img 
  :src="image.original_path" 
  :srcset="`${image.mobile_path} 480w`"
  class="image-masonry mini-cover">
</v-img>

【讨论】：