element 查询表单组件

最新推荐文章于 2024-08-21 17:51:57 发布

Zero0985

最新推荐文章于 2024-08-21 17:51:57 发布

阅读量472

点赞数

分类专栏： js 文章标签： js vue.js javascript

本文链接：https://blog.csdn.net/qq_41742961/article/details/121471173

版权

本文介绍如何在Vue.js应用中利用Element UI库全局注册并使用FormSearch.vue查询表单组件，实现高效的数据过滤和用户交互功能。

摘要由CSDN通过智能技术生成

FormSearch.vue

<template>
    <div class="table-header" v-if="tableSearch && tableSearch.length > 0">
        <el-form
            size="small"
            :model="formSearch"
            :inline="true"
            ref="formSearch"
            label-position="right"
            label-width="auto"
            v-bind="{ 'label-width': '150px'}"
        >
            <el-form-item
                :key="index"
                :prop="item.value"
                class="table-header-item"
                :label="item.label"
                v-bind="item.labelProps"
                v-for="(item, index) in tableSearch"
            >   
                <el-select
                    clearable
                    v-bind="item.props"