Vue中el-form标签中的自定义el-select下拉框标签

2020-04-19 16:01:39来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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='width: 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="width: 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>

  


原文链接:https://www.cnblogs.com/bgyb/p/12733996.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:微服务架构与技术

下一篇:在一个主线程中,要求有大量子线程执行完之后,主线程才执行完成