vue 中匹配本地图片

有个需求：接口只返回图片名字，需要动态匹配本地的。话不多说直接上代码

<img :src="appPic(item.name)" alt />

// 计算属性中
appPic() {
      return (name) => {
        let name2 = name.toLowerCase();  // 转大小写
        try {
          return require(`@/assets/images/pic/main/${name2}.png`);
        } catch (error) {
          //  如果本地没有给个默认的图片 
          return require(`@/assets/images/pic/main/moren.png`);
        }
      };
    },