uni-app 单项按钮radio button 使用方式

uni-app 单项按钮radio button 使用方式_第1张图片

获取uni-app radio button的 选中的值  如何传给后台

 

设置change方法监控用户选择


					
					
					
						
						
					
				

vue方法里面把选中的值赋值给一个页面变量

 

radioChange(e){
				console.log('type:' + e.detail.value);
				this.sex = e.detail.value;
			},

 

传值给后台API

 

uni-app 单项按钮radio button 使用方式_第2张图片

 

根据后台数据,页面显示对应的uni-app radio button 被选中

 

页面上通过 checked的属性来控制是否选中

 


                    
                    
                    
                        
                        
                    

                

 

页面变量

 

uni-app 单项按钮radio button 使用方式_第3张图片

 

在onload方法里面配置值

 

uni-app 单项按钮radio button 使用方式_第4张图片

更多资料关注微信公众平台

 

uni-app 单项按钮radio button 使用方式_第5张图片

 

 

 

你可能感兴趣的:(uni-app)