添加 backable 控制返回按钮是否可用
This commit is contained in:
@@ -15,7 +15,7 @@
|
|||||||
<view v-if="showBack" class="cl-topbar__icon" @tap="back()">
|
<view v-if="showBack" class="cl-topbar__icon" @tap="back()">
|
||||||
<cl-icon
|
<cl-icon
|
||||||
:pt="{
|
:pt="{
|
||||||
className: pt.back?.className
|
className: parseClass([[!backable, 'opacity-50'], pt.back?.className])
|
||||||
}"
|
}"
|
||||||
:name="backIcon"
|
:name="backIcon"
|
||||||
:size="pt.back?.size ?? 48"
|
:size="pt.back?.size ?? 48"
|
||||||
@@ -82,6 +82,11 @@ const props = defineProps({
|
|||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
},
|
||||||
|
// 是否可以返回
|
||||||
|
backable: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
// 返回按钮的跳转路径
|
// 返回按钮的跳转路径
|
||||||
backPath: {
|
backPath: {
|
||||||
type: String,
|
type: String,
|
||||||
@@ -195,13 +200,15 @@ const topbarStyle = computed(() => {
|
|||||||
|
|
||||||
// 返回按钮点击事件
|
// 返回按钮点击事件
|
||||||
function back() {
|
function back() {
|
||||||
if (props.backPath != "") {
|
if (props.backable) {
|
||||||
router.to(props.backPath);
|
if (props.backPath != "") {
|
||||||
} else {
|
router.to(props.backPath);
|
||||||
if (router.isFirstPage()) {
|
|
||||||
router.home();
|
|
||||||
} else {
|
} else {
|
||||||
router.back();
|
if (router.isFirstPage()) {
|
||||||
|
router.home();
|
||||||
|
} else {
|
||||||
|
router.back();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user