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

        }


    }


}
相关推荐
To_OC12 小时前
别再瞎写 React Router!7 个高频踩坑点一次性讲透
前端·javascript·react.js
岭南灯火15 小时前
前端通用交互式几何编辑器的设计法则 3 - 数据对象的设计
前端·javascript·架构
岭南灯火15 小时前
前端通用交互式几何编辑器的设计法则 2 - 交互事件流
前端·javascript·架构
岭南灯火15 小时前
前端通用交互式几何编辑器的设计法则 1 - 入口的对象及其成员
前端·javascript·架构
满栀58515 小时前
Vue.js 接口封装最佳实践:从基础到高级
前端·javascript·vue.js
kyriewen16 小时前
我踩了三次同一个坑才明白:React里"改了数据却不重新渲染"的真正原因
前端·javascript·react.js
java1234_小锋17 小时前
Vue3专题 - 事件处理
javascript·vue.js
A242073493017 小时前
React中请求拦截与响应拦截的统一处理方案
前端·javascript·react.js
zyplayer-doc17 小时前
zyplayer-doc企业知识库能做什么:从文档创建、权限管理到AI问答的完整能力
大数据·javascript·数据库·人工智能·pdf·word
烬羽18 小时前
《受控 vs 非受控:你以为用对了 useState,直到你写了那个表单》
javascript·react.js·前端框架