初学vue3与ts：reactive定义一个对象，重置到初始值

空&白

已于 2024-07-03 17:53:25 修改

阅读量205

点赞数 3

分类专栏： vue uniapp ts 文章标签： uni-app vue.js typescript

于 2024-07-03 17:39:31 首次发布

本文链接：https://blog.csdn.net/qq_32707555/article/details/140158387

版权

uniapp 同时被 3 个专栏收录

66 篇文章 0 订阅

订阅专栏

vue

55 篇文章 1 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

<script lang="ts" setup>
//设置一个初始化对象值
class formInit {
	title = '',
	sub = [],
	img = ''
};
//定义对象的类型
interface FormItem {
	title : string,
	sub : string[],//数组 ['a','b']
	img : string
};
const form = reactive<FormItem >(new formInit());
//执行操作，给form赋值
const swiperChange = () => {
	form.title = '你好';
};
//初始化form
const reset = () => {
	Object.assign(form, new formInit());
};
</script>