element-ui中二次封装一个带select的form组件

带select的form组件

样式

代码

复制代码
<template>

    <el-form-item label="是否有" class="append" prop="tag">
         <el-form-item
                prop="isShare">
         <el-select v-model="query.tag">
              <el-option v-for="(item, key) in tagList" :label="item.label" :value="item.value"/>
         </el-select>
    </el-form-item>

</template>

export default{

    data(){

        return{
            tagList: [

              {label: '是', value: 1},
              {label: '否', value: 0}
            ],

        }


    }


}
相关推荐
李明卫杭州4 小时前
React 复合事件系统对比解析
前端·javascript·react.js
兰亭妙微UI设计公司4 小时前
兰亭妙微APP界面设计公司分享: iPhone Duo 登场|3 大核心要点,拆解折叠屏 UI 适配设计思路
ui·交互
行者全栈架构师4 小时前
Spring Boot 接入 MaxKey 单点登录:6 个内部系统,一次登录全通行
java·vue.js·后端
万敏5 小时前
Vue3 全栈实战第九周:Node.js + Express 后端从零搭建实战记录
vue.js·node.js·全栈
LEE5 小时前
前端转型全栈 01:数据建模,前端最大的盲区
前端·javascript·后端
雪芽蓝域zzs5 小时前
第四十七节:驾驶舱大屏 ECharts 图表集成
前端·javascript·vue.js
梦醒沉醉6 小时前
7、表达日期和时间(前朝遗老Date)
javascript
白雾茫茫丶6 小时前
Vibecoding 一个主题切换动画库:13 种揭幕方式
前端·vue.js·react.js
雪芽蓝域zzs7 小时前
第四十九节:TagsView 右键菜单(带三角箭头)给每个 tag 增加**鼠标右键菜单**(右键标签弹出:关闭、关闭其他、关闭全部)
前端·javascript·vue.js
এ慕ོ冬℘゜7 小时前
从零开发移动端医院挂号页面:适配、交互与前端实现详解
前端·javascript