elementUI 踩坑之dialog显示

 <el-dialog
      :title="serverObject.name"
      v-if="showDialog"
      width="1000px"
    >
    ....
    </el-dialog>

这样把showDialog=ture ,这个dialog框是不会出现的，天啊撸！
实际上要把v-if 换成 :visible.sync=“showDialog” 然后就可以了。

 <el-dialog
      :title="serverObject.name"
      :visible.sync="showDialog"
      width="1000px"
    >
    ....
    </el-dialog>

另外后来又学到一个东西。
总所周知，elementUI 打开关闭重新打开dialog后页面不会刷新（需要重新查数据的情况），但是加上：v-if=“showDialog” 可以实现刷新组件中的内容。
不过其中原理不是很清楚。

 <el-dialog
 	  v-if="showDialog" 
 	  :visible.sync="showDialog"
      :title="serverObject.name"
      width="1000px"
    >
    ....
    </el-dialog>