技術標籤：VUEvue.jsjavascript

VUE專案自定義重新整理頁面

• 一、在App.vue建立自定義重新整理方法reload
• 二、在需要重新整理的頁面引入自定義的重新整理方法

一、在App.vue建立自定義重新整理方法reload

<template>
	<div id="app">
		<!-- 1、新增判斷是否顯示此模組 -->
		<router-view v-if="isRouterAlive"></router-view>
	</div>
</template>
 

<script>
	export default {
		//2、建立重新整理引數start
		name: 'app',
		provide(){
			return {
				reload: this.reload
			}
		},
		//end
		data() {
			return {
				isRouterAlive: true,//3、是否顯示
			}
		},
		methods: {
			//4、新增全域性重新整理方法
			reload () {
				this.isRouterAlive = false
				this.$nextTick(function(
 
){
					this.isRouterAlive = true
				})
			},
			
		},
		mounted() {
			
		}
	}
</script>

二、在需要重新整理的頁面引入自定義的重新整理方法

export default {
	inject: ['reload'], 
	data() {
	},
	methods: {
		del(){
			//刪除後重新整理頁面
			this.reload()
		}
	}
			
}