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}
            ],

        }


    }


}
相关推荐
reddingtons11 分钟前
Illustrator 3D Mockup:零建模,矢量包装一键“上架”实拍
人工智能·ui·3d·aigc·illustrator·设计师·平面设计
鱼鱼块12 分钟前
《最小栈的巧妙设计:用辅助栈实现 O(1) 获取最小值》
javascript·算法·面试
San3013 分钟前
反转字符串与两数之和:两道简单题背后的 JavaScript 思维深度
javascript·算法·面试
拉不动的猪16 分钟前
判断dom元素是否在可视区域的常规方式
前端·javascript·面试
Hilaku36 分钟前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试
言之。36 分钟前
AI时代的UI发展
人工智能·ui
猫头虎-前端技术39 分钟前
小白也能做AI产品?我用 MateChat 给学生做了一个会“拍照解题 + 分步教学”的AI智能老师
前端·javascript·vue.js·前端框架·ecmascript·devui·matechat
栀秋66642 分钟前
ES6+新增语法特性:重塑JavaScript的开发范式
前端·javascript
未来之窗软件服务1 小时前
幽冥大陆(三十七)文件系统路径格式化——东方仙盟筑基期
前端·javascript·文件系统·仙盟创梦ide·东方仙盟
前端加油站1 小时前
使劲折腾Element Plus的Table组件
前端·javascript·vue.js