---wiki正式切换到vue3版本---

zyplayer-doc-ui/wiki-ui/src/components/layouts/PageTree.vue

@@ -1,34 +1,29 @@
 <template>
 	<van-collapse v-model="pageSelect">
 		<template v-for="page in pageList">
-			<div v-if="!page.children" @click="pageSelectChange(page.id)" class="van-cell van-cell--clickable">{{page.name}}</div>
+			<div v-if="!page.children" @click="pageSelectChange(page.id)" class="van-cell van-cell--clickable">
+				{{ page.name }}
+			</div>
 			<van-collapse-item :name="page.id" v-else>
-				<span slot="title" @click="pageSelectChange(page.id)">{{page.name}}</span>
+				<template v-slot:title>
+					<span @click="pageSelectChange(page.id)">{{ page.name }}</span>
+				</template>
 				<page-tree :page-list="page.children" @pageChange="pageSelectChange"></page-tree>
 			</van-collapse-item>
 		</template>
 	</van-collapse>
 </template>
 
-<script>
-	export default {
-		name: 'pageTree',
-		data() {
-			return {
-				pageSelect: [],
-			}
-		},
-		props: {pageList: Array},
-		mounted () {
-		},
-		methods: {
-			pageSelectChange(value) {
-				this.$emit('pageChange', value);
-			},
-		}
-	};
+<script setup>
+import {onBeforeUnmount, ref, onMounted, watch, defineProps, nextTick, defineEmits, defineExpose, computed} from 'vue';
+
+let emit = defineEmits(['pageChange']);
+
+const props = defineProps({
+	pageList: Array,
+});
+const pageSelectChange = (value) => {
+	emit('pageChange', value);
+}
+let pageSelect = ref([]);
 </script>
-
-<style scoped>
-</style>
-