使用vue-EasyUI的dialog弹出框时,默认直接显示
vueEasyUI版本文档地址:https://www.jeasyui.cn/document/vue/index.html
解决的方法有很多,我这里是直接在mounted vue生命周期中定义的
// this.$refs.组件上定义的ref属性名称.close();
mounted() {
this.$refs.addWindow.close();
},
也可以使用v-show 和 v-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>
大功告成!,虽然很简单 但是也要记录呀,毕竟这个框架又不经常使用 ?