vue3+ts 类型“never”上不存在属性“xxx”。或类型“{}”上不存在属性“xxx”。或类型“string”的参数不能赋给类型“never”的参数。等等

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

曾经爱过的西装 · Vue拖拽组件列表实现动态页面配置功能_vu ...· 1 年前 ·

千杯不醉的遥控器 · python logging 日志输出 ...· 1 年前 ·

文武双全的毛衣 · Install Package ...· 1 年前 ·

文质彬彬的斑马 · C++动态分配内存new delete ...· 2 年前 ·

精明的日记本 · android - 在 Android ...· 2 年前 ·

这些报错的原因呢，就牵扯到ts的类型注解了，正常情况下，ts声明一个变量的时候是需要加上类型注解的，例如：let num: number = 1, let str: string = ‘abc’
或者
用ts中的interface定义一个类型接口：如下

interface itemType {
    name: string;
    age: number;
let infoObj: itemType[] = reactive([
        name: '张三',
        age: 12
        name: '李四',
        age: 12
console.log(infoObj);
上述这些是ts标准写法，但是很麻烦，不想搞这些的小伙伴们，可以直接用简单粗暴的方法，用any类型代表一切 
类型“never”上不存在属性“xxx”。
 
 报错代码如下： 
解决办法： 
let hotDetailDataList: any = reactive([])
let hotDetailDataList = reactive([] as any[]) 
类型“{}”上不存在属性“xxx”
 
 报错代码如下： 

 解决办法： 
const suggestObj: any = ref({})
const suggestObj = ref({} as any)
类型“string”的参数不能赋给类型“never”的参数
 
 报错代码如下： 

 解决办法： 
let searchHistoryList: any = reactive([])
let searchHistoryList = reactive([] as any[])
上面这些问题都是使用了any类型注解来解决的，无论是基本类型还是引用类型，都可
 除了上述这些报错之外，可能还会有其他类型的报错，有小伙伴发现了的话，可直接评论留言，如果文章中有写错的地方，还请小伙伴们指出来，及时改正
System.out.println(s1==s2);//true
String s3=new String("jiang");
String s4=new String("jiang");
System.out.println(...
				1.首先在子组件中使用defineEmits定义emit并定义事件名称，然后定义传值的方法，通过例如点击来触发方法从而调用emit来把值绑到事件上传给父组件。并且在最后通过defineExpose({})来暴露你想给ref看到的值
2.父组件中通过在子组件标签内使用@来接收事件，并且给子组件使用ref赋值，然后在setup中使用ref(null)声明该值。接收事件后触发的方法中使用 ref赋值.value.['值'] 来接收子组件传过来的值。在本文中为Sons.value.['toF']。...