对话框

src/components/users/users.vue

@@ -15,7 +15,7 @@
           </el-input>
         </el-col>
         <el-col :span="4">
-          <el-button type="primary">添加用户</el-button>
+          <el-button type="primary" @click="dialogVisible=true">添加用户</el-button>
         </el-col>
       </el-row>
 
@@ -56,6 +56,16 @@
 
     </el-card>
 
+    <el-dialog title="提示" :visible.sync="dialogVisible">
+      <!--内在主体区-->
+      <span>这是一段信息</span>
+      <!--底部区-->
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      </span>
+    </el-dialog>
+
   </div>
 
 </template>
@@ -64,10 +74,11 @@
 export default {
   data () {
     return {
+      dialogVisible: false,
       queryInfo: {
         query: '',
         pagenum: 1,
-        pagesize: 10
+        pagesize: 1
       },
       userList: [],
       total: 0