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

        }


    }


}
相关推荐
今禾3 分钟前
深入理解 JavaScript 事件监听机制
前端·javascript
FogLetter3 分钟前
从饼干到Cookie:前端存储的身份密码本
前端·javascript
Mintopia12 分钟前
LOD:图形世界里的 “看人下菜碟” 艺术
前端·javascript·计算机图形学
Code季风14 分钟前
SQL关键字快速入门:CASE 实现条件逻辑
javascript·数据库·sql
拾光拾趣录15 分钟前
Vue依赖收集机制:响应式原理的核心实现
前端·vue.js
Mintopia16 分钟前
Three.js ArrowHelper:三维世界里的 “方向向导”
前端·javascript·three.js
雲墨款哥18 分钟前
Vue 3 路由管理实战:从基础配置到性能优化
前端·vue.js
Jacob023422 分钟前
JavaScript 模块系统二十年:混乱、分裂与出路
前端·javascript
独立开阀者_FwtCoder28 分钟前
国外最流行的 UI 组件库!适配 Vue、React、Angular!
前端·vue.js·后端
晴殇i1 小时前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css