vue3 props传入的组件无法正常刷新

问题描述:

  • vue3
  • 写入的数据无法正常渲染,但是从子组件获取正常
  • 使用props导入

解决方案

  • 在setup导出的时候,直接导入props,而不是导入props.变量

错误用法:

props: [var1]
let var1 = "张三"
setup() {
	return {
		var1
	}
}

正确用法:

props: [var1]
setup() {
	return {
		props
	}
}

问题原因

  • 不知道,可能是props本身是响应式,但是其中加入数据的时候就不一定是响应式了
  • 获取的值不是响应式的,似乎无法响应渲染

你可能感兴趣的:(vue.js,前端,javascript)