uniapp实现showModal
时间: 2023-09-09 14:07:03 浏览: 132
uniapp中可以使用uni.showModal方法来实现弹窗效果。在这个方法中,可以设置弹窗的标题、内容、按钮的文本颜色等属性。通过设置success回调函数,可以获取用户点击按钮的结果,从而执行相应的操作。在示例代码中,使用了两次嵌套的uni.showModal方法来实现需求。首先,第一次调用uni.showModal方法显示一个提示框,询问用户是否继续填写。如果用户点击了重新填写按钮,会再次调用uni.showModal方法显示另一个提示框,确认是否重新填写。根据用户的选择,可以执行相应的操作,例如重定向到另一个页面。需要注意的是,在uniapp中,如果需要改变组件的值,可以使用bind(this)来绑定当前作用域。这样就可以直接通过this来访问类中的state属性。这样可以实现在showModal方法中改变组件的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uniapp showModal与bind(this)](https://blog.csdn.net/dazeka/article/details/122731067)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [springboot、uniapp+前后端交互+失物招领+Java课设](https://download.csdn.net/download/lplovewjm/87697248)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文