如何使用vuetify图像srcset-vuejs

Question

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

代码如下：

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

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

Answer 1

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

HasException

或

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

因此最终版本将如下所示：

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

更多信息： The Python Graph Gallery