使用组合式api时数据改变了但页面上的值没有改变,状态没有刷新
解决方案:使用 ref 官方文档:https://v3.cn.vuejs.org/api/refs-api.html#ref

 javascript:
 	setup(){
		const status = ref("");
		return{
			status
		}
	}
typescript:
	setup(){
		const status:Ref<string> = ref("");
		return{
			status
		}
	}
页面:
	<div>{{ status }}</div>

你要是看不懂,就可以暂时粗暴的理解成,凡事要在页面上用的数据,就要用ref(当然还有别的方式)

Logo

前往低代码交流专区

更多推荐