效果图如下:

书写的编码:

<view style="display: flex;justify-content: space-between;">
					<h3>切换店铺营业状态</h3>
					<uni-icons type="closeempty" size="20"></uni-icons>
				</view>
				<view style="display: flex;flex-direction: column;">
					<radio-group @change="radioChange">
					    <label v-for="(isex,indexs) in sex">
					        <radio  :checked="isex.checked"/>{{isex.text}}</radio>
					    </label>
					</radio-group>
				</view>
       

  export default {
		data() {
			return {
				radio1: 0,
				sex: [{
					text: '开始营业',
					value: 0,
					checked: 'true',
				}, {
					text: '暂停营业',
					value: 1
				}],
			}
		},
		methods: {
			//单选营业
			 radioChange(e) {
			    
			console.log('radio发生change事件,携带value值为:', 
              e.detail.value)//e.detail.value就是每次选择后得出来的值
			  },
}

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐