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>

弹出框包含下拉框

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页