【前端】页面跳转操作【Vue】

1 组件以及页面之间跳转

1.1 返回上一页面

<text @tap="handleToBack"></text>

methods:{
			handleToBack(){
				uni.navigateBack()
			}
		}

效果👇图标

1.2 组件跳转至页面

uni-app跳转页面的方法：

要区分是否属于tarbar内的页面？

1.tarbar内的页面：

uni.switchTab({
url: ‘…/job/job’,
})
2.非tarbar页面：

使用redirectTo，navigateTo跳转：

uni.redirectTo({
url: ‘…/logs/logs’,
})
uni.navigateTo({
url: ‘…/logs/logs’,

2. 按钮点击前后转变样式

<view class="g"v-show="isShow" @click="showToggle">
<text>取消关注</text></view>
<view class="b" v-show="!isShow" @click="showToggle">				
<text >已取消</text></view>

export default {
		data() {
			return {
				  isShow:true,
			};
		},
		 methods:{  
			showToggle(){
			       this.isShow = !this.isShow
			    }}
			
		}

效果👇

点击前

点击后