首页 > 编程知识 正文

vue懒加载组件,基于element 的网页ui

时间:2023-05-05 09:11:07 阅读:148981 作者:1746

即,在click选择哪一种时,显示当前的值,显示页面UI,伴随着css样式的变化。 重点: v-if和v-else-if的组合缺一不可。

效果图:

正确的代码是重要提示:

我用的都是v-if判断,因为没有组合v-else-if,所以出现了只能点击一次,(然后失效)不能继续点击的错误。

但是我想要的功能:就是可以改变之前的选择状态。

所以,完成了以下代码优化(逻辑优化)。

divclass=' it-after ' v-if=' resume.phone!=' ' pclass=' it-telphone clamp1' { { resume.phone } }/PDI vclass=' BTN3' El-buttontype=' primary ' icon=' BTN3' El-buttontype=' primary ' icon El-drop down @ command=tatus==0' span 3360 id=' span iclass=' El-icon-arrow-down El-icon-- right '/I/El-button El-buttontype=' primary ' v-else-if=' resume.status==1' span 3360 id=' ' span _ ' resume.resume SSE El-button El-buttontype=' primary ' v-else-if=' resume.status==2' span 3360 id=' ' span _ ' resume.resume SSE El-button El-buttontype=' primary ' v-else-if=' resume.status==3' span 3360 id=' ' span _ ' resume.resume SSE El-button El-drop down-menu slot=' drop down ' El-drop down-item El-drop down-item : command=' resuro own ' El-drop down-item El-drop down-item El-drop down-item : command=' resume.resume code ' _3' '不正确/El-dropdown-item div总结:关于“elementUI组件el-dropdown -坑踩篇”的所有内容都是v-if和v-else-if的组合(完整的判断逻辑

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。