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

        }


    }


}
相关推荐
H@Z*rTE|i13 分钟前
vue首屏加载优化
前端·javascript·vue.js
Irene199115 分钟前
v-model 的本质,defineModel() 是 Vue 3.4 的重大改进
前端·javascript·html5
西西学代码33 分钟前
Flutter---构造函数
开发语言·javascript·flutter
invicinble40 分钟前
关于对vue的认识
javascript·vue.js·ecmascript
EF@蛐蛐堂42 分钟前
【vue】Vite 生态 5 个 “新玩具“
前端·javascript·vue.js
风之舞_yjf1 小时前
Vue基础(29)_props配置项、ref属性
前端·vue.js
hzb666661 小时前
xd_day32-day40
java·javascript·学习·安全·web安全·tomcat·php
四千岁2 小时前
WSL + OpenCode 最佳实践:环境一致、模型配置、GUI 远程使用
前端·javascript·后端
你挚爱的强哥2 小时前
【sgCreateQrcode】自定义组件:模仿草料二维码做了一个简单的二维码制作组件
javascript·vue.js·elementui
kyriewen2 小时前
for...of 的秘密:迭代器与可迭代对象,你也能创造“可循环”的东西
前端·javascript·面试