資訊專欄INFORMATION COLUMN
摘要：在的項(xiàng)目中刷新功能你會(huì)怎么寫(xiě)我之前一直用這個(gè)方法用戶體驗(yàn)很不好，因?yàn)轫?yè)面會(huì)閃動(dòng)一下刷新直到我發(fā)現(xiàn)了這個(gè)方法不過(guò)這個(gè)方法貌似有兼容問(wèn)題，首先要確定一下你的版本，此方法適用原理此方法使用的是來(lái)控制的顯示或隱藏，從變?yōu)闀r(shí)，會(huì)重新渲染區(qū)域，
在vue的項(xiàng)目中刷新功能你會(huì)怎么寫(xiě)？
我之前一直用this.$router.go(0)這個(gè)方法用戶體驗(yàn)很不好，因?yàn)轫?yè)面會(huì)閃動(dòng)一下刷新
直到我發(fā)現(xiàn)了這個(gè)方法 provide /inject
不過(guò)這個(gè)方法貌似有兼容問(wèn)題，首先要確定一下你的vue版本，此方法適用vue 2.20+
原理：此方法使用的是v-if來(lái)控制router-view的顯示或隱藏，v-if從false變?yōu)閠rue時(shí)，vue會(huì)重新渲染router-view區(qū)域，所以當(dāng)參數(shù)變化時(shí)，只需讓v-if 從true => false => true,就能實(shí)現(xiàn)頁(yè)面刷新
首先，找到自己的route-view
//App.vue
然后在
export default {
name: "newproduct",
inject:["reload"],//在export default下面加上這一段
method:{
//調(diào)用App.vue下的this.reload()方法，來(lái)改變v-if的狀態(tài)
clickDiv(){//刷新按鈕調(diào)用的方法
this.reload()
}
}
就ok了
加油！每天進(jìn)步一點(diǎn)點(diǎn)！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103541.html
摘要：本文總結(jié)了組件間通信的幾種方式，如和，以通俗易懂的實(shí)例講述這其中的差別及使用場(chǎng)景，希望對(duì)小伙伴有些許幫助。狀態(tài)改變提交操作方法。 前言 組件是 vue.js最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無(wú)法相互引用。一般來(lái)說(shuō)，組件可以有以下幾種關(guān)系：showImg(https://segmentfault.com/img/remote/146000001...
摘要：本文總結(jié)了組件間通信的幾種方式，如和，以通俗易懂的實(shí)例講述這其中的差別及使用場(chǎng)景，希望對(duì)小伙伴有些許幫助。狀態(tài)改變提交操作方法。前言 組件是 vue.js最強(qiáng)大的功能之一，而組件實(shí)例的作用域是相互獨(dú)立的，這就意味著不同組件之間的數(shù)據(jù)無(wú)法相互引用。一般來(lái)說(shuō)，組件可以有以下幾種關(guān)系： showImg(https://user-gold-cdn.xitu.io/2019/5/17/16ac35bf...
摘要：如題，最近遇到一個(gè)奇怪的問(wèn)題。第一次進(jìn)去某個(gè)頁(yè)面完全正常，第二次帶不同的值進(jìn)去，頁(yè)面顯示還是第一個(gè)頁(yè)面的值，但是數(shù)據(jù)傳進(jìn)去了。第三次則顯示第二次數(shù)值的頁(yè)面。 如題，最近遇到一個(gè)奇怪的問(wèn)題。vueroute第一次進(jìn)去某個(gè)頁(yè)面完全正常，第二次帶不同的值進(jìn)去，頁(yè)面顯示還是第一個(gè)頁(yè)面的值，但是數(shù)據(jù)傳進(jìn)去了。第三次則顯示第二次數(shù)值的頁(yè)面。用了監(jiān)聽(tīng)路由變化的方法下面是詳細(xì)過(guò)程 這是頁(yè)面的creat...
摘要：當(dāng)一個(gè)組件沒(méi)有聲明任何時(shí)，這里會(huì)包含所有父作用域的綁定和除外，并且可以通過(guò)傳入內(nèi)部組件在創(chuàng)建高級(jí)別的組件時(shí)非常有用。 寫(xiě)在前面 組件間的通信是是實(shí)際開(kāi)發(fā)中非常常用的一環(huán)，如何使用對(duì)項(xiàng)目整體設(shè)計(jì)、開(kāi)發(fā)、規(guī)范都有很實(shí)際的的作用，我在項(xiàng)目開(kāi)發(fā)中對(duì)此深有體會(huì)，總結(jié)下vue組件間通信的幾種方式，討論下各自的使用場(chǎng)景 文章對(duì)相關(guān)場(chǎng)景預(yù)覽 父->子組件間的數(shù)據(jù)傳遞 子->父組件間的數(shù)據(jù)傳遞 兄弟...
閱讀 1226·2023-04-26 02:20
閱讀 3349·2021-11-22 14:45
閱讀 4166·2021-11-17 09:33
閱讀 1020·2021-09-06 15:00
閱讀 1492·2021-09-03 10:30
閱讀 3900·2021-07-26 22:01
閱讀 1004·2019-08-30 15:54
閱讀 544·2019-08-30 15:43
