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

        }


    }


}
相关推荐
Aliex_git2 分钟前
Vue2 - Watch 侦听器源码理解
前端·javascript·vue.js·笔记·学习
你疯了抱抱我3 分钟前
【QQ】空间说说批量删除脚本(不用任何额外插件,打开F12控制台即可使用)
开发语言·前端·javascript
进击的野人8 分钟前
Vuex 详解:现代 Vue.js 应用的状态管理方案
前端·vue.js·前端框架
鹏北海9 分钟前
Single-SPA 学习总结
前端·javascript·微服务
跟着珅聪学java22 分钟前
NPM镜像切换教程
vue.js
_码力全开_28 分钟前
第一章 html5 第一节 HTML5入门基础
前端·javascript·css·html·css3·html5
KLW7532 分钟前
vue 绑定动态样式
前端·javascript·vue.js
鸿蒙开发工程师—阿辉36 分钟前
HarmonyOS 上下文的使用: 脱离 UI 怎么用 Context?
ui·华为·harmonyos
幼稚鬼_Blog43 分钟前
可拖拽悬浮按钮组件支持vue3/vue2
前端·javascript·html
前端小怪兽zmy1 小时前
Vue3实现纯前端语音输入成文字显示
前端·javascript·elementui