vue3 遇到的那些问题呀

1、ref的使用

const props = defineProps({
  parentCode: String,
})
const codecontent = ref('') //输入编辑器内容的值
console.log(typeOf(props.parentCode))//String
console.log(typeOf(codecontent.value))//String

codecontent.value = ref(props.parentCode)

console.log(typeOf(codecontent.value))//Object

如果用了setValue(codecontent.value),会报错string.split is not a function TypeError: string.split is not a function,只所以报错,在打印了codecontent.value类型,如上代码发现codecontent.value的类型由string 变成了object, 细看代码可以发现codecontent.value = ref(props.parentCode) 这上面 还有一句const codecontent = ref(''),此时ref 被包裹了两层

正确做法

const codecontent = ref(props.parentCode)

把codecontent.value = ref(props.parentCode)去掉即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值