当前位置:网站首页>How to gracefully prevent switch switching of view UI?

How to gracefully prevent switch switching of view UI?

2020-11-09 19:10:56 zjl_712

One 、 Methods provided by official documents

 

I feel that sometimes the methods provided by the government can not meet the actual needs , The second point is view UI Version must be 4.0.0 Version and above can use this switch pack .

Two 、 Custom method to solve

① Disable the switch   Add one more disabled attribute , No default behavior of the framework .

② Remove the gesture style when the switch is disabled .

.ivu-switch-disabled:after {
    cursor: not-allowed;
}

③ Change the above disabled style to the following style

.ivu-switch-disabled:after{
   cursor: pointer;
}
 .ivu-switch-disabled{
   cursor: pointer;
}

④ Customize one click event on the switch

These actions can prevent the switch from switching , The corresponding switch will not be implemented until the interface is executed . In this binding event , You can perform operations related to your needs , Generally, click to open a pop-up box , Prompt to cancel or confirm the current switch operation . If you are sure, the interface will be called , Perform relevant disable and enable operations , When finished, close the modal box , Refresh the page , The expected state becomes the relevant switch .

版权声明
本文为[zjl_712]所创,转载请带上原文链接,感谢