vue.js - 如何使用 vuetify image srcset - vuejs

Question

我想在 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？任何帮助将不胜感激。

标签： vue.jsvuetify.jssrcset

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>

更多信息： 模板字符串