Vue3+Element+Ts实现表单的基础搜索重置等功能

从Vue2的写法转变为Vue3的格式之后，会有一些写法和代码结构的改变，这里对一些重点进行介绍。

代码结构：

写法一(推荐)：

写法二：

区别：

• 写法一由上到下，分别是JS、HTML、Css，类似于React的写法，逻辑也清晰
• 写法一由上到下，分别是HTML、JS、Css，和之前的Vue2写法类似
• 写法一的格式不需要将data,methods等内容进行导出，节省了代码量

重点：

1、Element Plus的官网Demo的代码里面没有写prop

为了实现数据的响应式，在写的时候需要自己绑定
2、使用el-form的ref需要引入ElForm

import { ElForm } from 'element-plus'
const myform = ref>()

到此这篇关于Vue3+Element+Ts实现表单的基础搜索重置等功能的文章就介绍到这了,更多相关Element Ts表单搜索重置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！