zoukankan      html  css  js  c++  java
  • Vue中el-form标签中的自定义el-select下拉框标签

    页面写死el-select下拉框标签:

     通过v-for="item in stateArr"绑定,stateArr声明在Vue组件里面的data参数里面代码如下:

     <el-form class="small-space" :model="createdItem" label-position="left" label-width="100px" style=' 100%; margin-left:0px;'>
    		         <el-form-item label="产品编号" :required=true>
    				<el-input name="c_ID" v-model="createdItem.c_ID" autoComplete="on" maxlength="20"></el-input>
    		        </el-form-item>
    		        <el-form-item label="产品名称" :required=true>
    		            <el-input name="c_Name" v-model="createdItem.c_Name" autoComplete="on" maxlength="20"></el-input>
    		        </el-form-item>
    			   <el-form-item label="产品状态">
    				    <el-select v-model="createdItem.c_State" placeholder="请选择" style=" 100%">
    				    <el-option v-for="item in stateArr" :key="item.value" :label="item.label" :value="item.value"></el-option>
    			   </el-select>
    			</el-form-item>
    		    
    </el-form>
    

      

  • 相关阅读:
    cookie的路径
    cookie的生命
    cookie详解
    cookie简介&用途
    编码
    请求转发和重定向的区别
    request:域
    request:请求转发,请求包含
    常用的html语法
    request:获取请求的URL
  • 原文地址:https://www.cnblogs.com/bgyb/p/12733996.html
Copyright © 2011-2022 走看看