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

我想在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？

---

任何帮助都将不胜感激。

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

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

或

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

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

更多信息：

---

试试这个=>您的src工作正常吗？是的，src工作正常

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