如何使用vuetify镜像srcset - vuejs

Question

我想在vuetify的v-img组件中使用srcset。我从一个data attribute.My传递路径，src属性使用相同的语法可以很好地工作，但是srcset不能工作。

代码如下：

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

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

Answer 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>

更多信息：Template strings