vue3 checkbox不支持双向绑定

67 阅读1分钟

checkbox他不支持双向绑定

image.png

11GIF.gif

<label class="footer-conceal">
		<checkbox-group @change="checkboxChange">
			<checkbox color="#1772F3" style="transform: scale(0.7)" class="checkbox-active" :checked="needAuthorization" />
			<text></text>
			登录即代表你同意《
			<text @click.stop="goToPrivacy" class="footer-text-color">华丰企服小程序隐私保护指引</text>
			》
		</checkbox-group>
	</label>
	<div @click="btn">切换needAuthorization</div>
	<div v-show="needAuthorization">true</div>
	<div v-show="!needAuthorization">false</div>
            

而在vue2中checkbox的取消勾选是可以改变:checked的值的

		<!-- 隐私选择 -->
  		<view class="user-privacy">
  			<label>
  				<checkbox color="#ED506A" :checked="checkPrivacy" /><text></text>
  				<span>登录即代表你同意<text @tap.stop="handleOpenPrivacyContract">{{privacyContractName}}</text></span>
  			</label>
  		</view>
checkPrivacy: false,

<button class="way" type="default" open-type="getPhoneNumber|agreePrivacyAuthorization" @getphonenumber="onLogin"><text>手机号快捷登录</text></button>

onLogin(e) {this.checkPrivacy = true}

微信小程序获取上一个页面的路由地址

let pages = getCurrentPages(); //页面对象  
    let prevpage = pages[pages.length - 2]; //上一个页面对象  
    console.log(prevpage.route) //上一个页面路由地址  
    let path = prevpage.route;  
    console.log(path, 'path')