vue-EasyUI设置Dialog弹框默认隐藏

使用vue-EasyUI的dialog弹出框时,默认直接显示

vueEasyUI版本文档地址:https://www.jeasyui.cn/document/vue/index.html

解决的方法有很多,我这里是直接在mounted vue生命周期中定义的

// this.$refs.组件上定义的ref属性名称.close();
mounted() {
    this.$refs.addWindow.close();
 },

也可以使用v-showv-if 实现效果,但是我用的时候效果不是很理想,个人推荐使用组件提供的close方法进行隐藏。点击按钮时触发 open 方法。

<!--注意定义ref名称-->
<Dialog ref="addWindow"
            :title="'添加用户信息'"
            @close="closeWindow()"
            :modal="true">
      <p>添加弹出框 内容。。。。</p>
</Dialog >
<!--通过按钮点击触发组件open方法-->
<LinkButton iconCls="icon-add" @click="$refs.addWindow.open()">添加</LinkButton>

大功告成!,虽然很简单 但是也要记录呀,毕竟这个框架又不经常使用 ?

VueEasyUI自定义表格列