表单中不同组件的数据获取

最新推荐文章于 2024-10-29 10:06:15 发布

开启脑洞

最新推荐文章于 2024-10-29 10:06:15 发布

阅读量128

点赞数

分类专栏：前端学习笔记文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_45767896/article/details/127326579

版权

前端学习笔记专栏收录该内容

14 篇文章 1 订阅

订阅专栏

表单中不同组件的数据获取

1.在js中的设置

export default {
    data() {
        searchForm: {//searchFrom是自定义设置的表单返回值结构
              // 以下是表单的返回参数也是自定义的，当表单返回数据时，会按照以下格式返回，
        pageNumber: 1,
        pageSize: 10,
        order: "desc",
        username: "",
        mobile: "",
        disabled: "OPEN",
        taskStatus:"",
        createTimeStart:"",
        createTimeEnd:"",
        taskName
            }
        }
    }

2.在Vue中的Form表单中的设置

//在Form标签中设置一个:model将返回值的结构名设置好
<Form ref="searchForm" :model="searchForm" inline :label-width="70" class="search-form">
//在标签中设置一个v-model将返回值的参数名设置好
<Input type="text" v-model="searchForm.taskName" placeholder="请输入任务名称" clearable style="width: 200px" />
//当方法调用时传入结果searchForm就可以使用了