页面需要一个功能,每当用户添加完一种证件类型时,则再次弹窗就无法选用该证件类型了。
这里使用的是uview的组件 Select 列选择器 | uView - 多平台快速开发的UI框架 - uni-app UI框架
bug: 测试过程中,每当我点击完护照时,第二次弹出的默认选项不是“户口簿”,而是“出生证明”,但是组件的确认按钮事件打印的结果却是“户口簿”项的数据,这与用户操作的结果完全不符。
起初,我试图在弹窗第二次弹出时修改default-value的属性,default-value的作用如下图所示:
在弹窗弹出之前,我将default-value的结果赋值[0],然而并没有作用,我想应该是组件初始化的问题, 所以我在ui库的vue文件中试图查找到初始化的事件,并没有发现有初始化的事件。最后我想起v-if指令有令组件重新渲染的功能,于是我加上了template,再添加组件显示的参数,目的是为了在组件弹起时重新渲染一次弹窗组件,最后问题迎刃而解。
最后,附上uniapp官方v-if和v-show的区别: