如何在vue.js中为列表图标指定src？

Question

我希望我的图标获得Icon: src='@/assets/icon'之类的src

 items: [
  { icon: '', text: 'Sensor' },

  { icon: '', text: 'BarcodeScanner' }
]

但是语法如何工作？

Answer 1

您可以使用require，然后由webpack加载它们。

items: [
  { icon: require('@/assets/icons/WhatEver.png'), text: 'Sensor' }
]

Example