VUE全家桶项目实战-- 9.组件新增/编辑对象

一.Dialog 对话框

<template>  
	<div>

<el-button type="text" @click="openDialog('1',row)">新增</el-button>
        <!--
			列表区每一行后面操作区域的按钮,利用scope.row可以获取行对象
		-->
<el-button type="text" @click="openDialog('2',scope.row)">编辑</el-button>
        <!--
			title:对话框标题,前面加:可以动态绑定
			:visible.sync:对话是否显示
			:before-close:对话框关闭的回调函数
		-->
    <el-dialog
      :title="title"
      :visible.sync="userDialog"
      width="50%"
      :before-close="handleClose">
      
        <!-- 运营商编辑区域 -->
      <el-row>
        <el-col :span="5">
          <div class="grid-content bg-purple">&nbsp;</div>
        </el-col>
        <el-col :span="16">
          <div class="grid-content bg-