4月19

让vue中抽屉组件打开一次,数据请求一次

| |
14:49Web开发  From: 本站原创
我现在是第一次打开抽屉子组件会发生请求,但是关闭抽屉组件,再一次打开就不请求了,数据没有改变,还是上一次的内容,导致我审批时通过的是另外一条的。
现在想要的效果是我每点击一次图标抽屉组件打开,就发送一次请求,请求最新的数据。
解决方法:

1、visible.sync:双向绑定值。
初始情况下通过该值控制 dialog显示。dialog关闭的时候,element自动设置该值为false。
当子组件执行 close 事件的时候,不仅改变了自己内部的 isShow 的值,而且还将 父组件的 visible的状态发生了改变.

2、在子组件 close 方法中,虽然已经将 isShow 改变为 false,但是并没有通知到 父组件,而在父组件中,控制弹出框的现实和隐藏是通过 show 。点击子组件的关闭按钮时,父组件的 show 没有发生改变,这时候需要用visible.sync。

点击在新窗口中浏览此图片
这样就可以每次打开就重新渲染一次子组件;但有一个不好的就是如果一直重复点击,就会重复渲染,会影响效率。

来源:Heck's Blog
地址:https://www.heckjj.com/post/538/
转载时须以链接形式注明作者和原始出处及本声明,否则将追究法律责任,谢谢配合!
阅读(56) | 评论(0) | 引用(0)