Vue -- elementUi（对话框Dialog）

1. vue安装elementUi
   cnpm i element-ui -S
   cnpm install element-theme -g
2. 在./src/main.js中引用
   import ‘@/theme-chalk/index.css’; import;
   ElementUI from ‘element-ui’;
   Vue.use(ElementUI);

在使用Vue – elementUi（对话框Dialog）出现的问题：只出现蒙层，没有内容，存在宽高。

append-to-body : Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true

<el-button type="text" @click="handleComment">评论</el-button>
<el-dialog
	:visible.sync="dialogVisible"
	:append-to-body="true"
	title="评论内容"
	width="50%"
	height="50%"
>
	<span>{{ contentValue }}</span>
</el-dialog>

<script>
  export default {
    data() {
      return {
        contentValue: '',
		dialogVisible: false,
      };
    },
    methods: {
      handleComment() {
		this.dialogVisible = true;
		this.contentValue = "我是评论内容。我是评论内容。我是评论内容。";
		},
	  }
	};
</script>