- 博客(9)
- 收藏
- 关注
原创 el-form中的resetFields的使用
在实际开发中,Form表单的内置方法resetFields(),这个函数是用来重置表单项中的所有数据,这里的重置并非将字段全部置为空,而是根据开发者在页面设置的默认初始值去重置的,element-plus 官方文档中写道,resetFields:重置该表单项,将其值重置为初始值,并移除校验结果。
2024-06-28 16:39:50 640
原创 vite的import.meta.glob函数和Webpack的require.context()批量引入文件
require.context 是一个 Webpack API,它允许我们在编译时动态地引入模块。这个功能在一些场景下非常有用,比如需要动态加载模块、实现国际化、主题切换等功能时会经常用到。在使用vite时,则使用。
2024-06-20 10:03:30 342
原创 vue3中路由的两种引进方式(router 和 useRouter)进行页面跳转
适用于vue3和vue2版本,可以使用在任意文件中(js文件和vue文件)在vue3中,使用在组件的带setup属性的script标签内。
2024-06-18 14:43:44 689
原创 动态组件在实际开发中的灵活应用
1、Tab切换:在一个具有多个tab的应用中,每个tab的内容可以是一个动态组件,根据用户选择的tab来显示对应的内容。3、加载占位符:在等待数据加载完成之前,显示一个加载占位符组件,数据加载完成后,动态替换为实际的内容组件。不能作为模板(template)的根元素:因为Vue需要知道每个模板的根节点,以便它可以挂载到正确的位置。在这个例子中,currentComponent是一个变量,它的值决定了哪个组件将被渲染。2、条件渲染:根据应用的状态或者用户的权限,动态显示不同的组件。二、动态组件的使用场景。
2024-06-18 10:23:54 124
原创 typescript的类型系统
typescript将typeof运算符移植到了类型运算,它的操作依然是一个值,但是返回的不是字符串,而是该值的typescript类型。,这样的推断是合理的,因为const命令声明的变量,一旦声明就不能改变,相当于常量。javascript中,typeof运算符是一个一元运算符 返回的是一个字符串,代表操作数的类型。2.1typescript 规定,单个值也是一种类型,称为“值类型”3.1联合类型 指多个类型组成一个新的类型,使用|表示。4.1多个类型组成一个新的类型,用&表示。六、typeof运算符。
2024-06-09 15:10:31 178
原创 TypeScript面向对象(学习笔记)
3.通过继承可以将子类中的共有代码写在一个父类中(这样写只需写一次即可让所有的子类都同时拥有父类中的属性,如果希望在子类中添加一些父类中没有的属性或者方法直接加就行了)4.定义方法,用来获取name属性,getter方法用来读取属性,setter方法用来修改属性,被称为属性的存取器。4.如果子类中添加了和父类相同的方法,则子类方法会覆盖掉父类的方法,这种子类覆盖掉父类方法的形式,叫做重写。3.private 私有属性,私有属性只能在类的内部访问,通过在类中添加方法使得私有属性可以被外部访问。
2024-05-05 15:20:55 570 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人