elementui 弹出层包含表单

<template>
	<div>
		<el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button>
			
			<el-dialog title="收货地址" :visible.sync="dialogFormVisible">
				<el-select
				           placeholder="活动区域"
				           size="mini"
				           v-model="obj.lwg"
				         >
				           <el-option
				             :key="index"
				             :label="item.label"
				             :value="item.value"
				             v-for="(item, index) in options"
				           ></el-option>
				         </el-select>
				</el-select>
		</el-dialog>
	</div>
	
</template>
 
<script>
  export default {
    data() {
      return {
		   dialogFormVisible: false,
		          
		  obj:{
			   lwg: '1' , 
		  },// 选取默认值在里面就可以了,比如:  value:"选项2"
        options: [{
          value: '1',
          label: '黄金糕'
        }, {
          value: '2',
          label: '双皮奶'
        }, {
          value: '3',
          label: '蚵仔煎'
        }, {
          value: '4',
          label: '龙须面'
        }, {
          value: '5',
          label: '北京烤鸭'
        }],
      
      }
    }
  }
</script>

弹出框包含下拉框

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值