VUE3 + IONIC - 类型 '{ bar(): any; 上不存在属性 'foo' }'

Question

我在 vue3 + ionic 上有一个错误，我尝试制作一个组件以使用 computed 获取图像并从 props 获取变量。这是我的代码

主页.vue

<MenuIcon name="subscribe" fileName="subscribe.png" />

MyComponent.vue

export default { 
  name: 'MenuIcon',
  props: {
    name: String,
    fileName: String
  },
  computed: {
    iconPath(): any{     
      return require('../../public/assets/icon/icon menu/'+this.fileName)
    }
  }
}

我尝试将我的fileName 属性更改为Object 并将我的iconPath 属性类型更改为字符串或函数，但仍然出错。请帮忙

感谢之前

Answer 1

我认为您的代码没有问题，但奇怪的是，当您使用 ionic + vue + ts 和 export default {} 时，this.filename 没有错误

您可以尝试添加defineComponent 看看是否有帮助？

import { defineComponent } from "vue";

export default defineComponent({
  name: "MenuIcon",
  props: {
    name: String,
    fileName: String,
  },
  computed: {
    iconPath(): any {
      return require("../public/assets/icon/" + this.fileName);
    },
  },
})