<div> <el-dialog title="请选择适配器" :visible.sync="showFlag"> <div > <div v-for="adapter in adapters"> <el-radio :label="adapter.ip" v-model="radio"></el-radio> <div><img v-if="!adapter.val" src=""><img v-if="adapter.val" src=""></div> </div> <div> <el-button type="text" size="small" @click="showFlag = false">取消</el-button> <el-button type="primary" size="small" @click="radioEvent()">确定</el-button> </div> </div> </el-dialog> <el-button type="primary" @click="showFlag = true">选择</el-button> </div> <script> export default { data () { return { showFlag: false, radio:"" } }, methods:{ radioEvent(){ this.showFlag = false; this.adapterSelected = this.radio; }, } </script>
总结
以上所述是小编给大家介绍的elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: