国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue中列表頁面跳轉(zhuǎn)打開新頁面,關(guān)閉新頁面并刷新列表頁面

這篇具有很好參考價值的文章主要介紹了vue中列表頁面跳轉(zhuǎn)打開新頁面,關(guān)閉新頁面并刷新列表頁面。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

一、列表頁面

 mounted() {
        // 監(jiān)聽當(dāng)前頁面的關(guān)閉事件
        window.onunload = () => {
            if (this.childWindow && !this.childWindow.closed) {
                this.childWindow.close()
            }
        }
    },

//跳轉(zhuǎn)
handleAdd() {
      let routeUrl = this.$router.resolve({
          path: '/home/projectContractInput',
          query: { type: 'add' },
      })
      this.childWindow = window.open(routeUrl.href, '_blank')
      this.childWindow.onunload = () => {
          if (this.childWindow && this.childWindow.closed) {
              this.getList()
          }
      }
  },

二、新頁面

 window.close()

文章來源地址http://www.zghlxwxcb.cn/news/detail-606058.html

到了這里,關(guān)于vue中列表頁面跳轉(zhuǎn)打開新頁面,關(guān)閉新頁面并刷新列表頁面的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 020:vue刷新跳轉(zhuǎn)當(dāng)前頁面

    020:vue刷新跳轉(zhuǎn)當(dāng)前頁面

    第020個 查看專欄目錄: VUE ------ element UI 在vue和element UI聯(lián)合技術(shù)棧的操控下,本專欄提供行之有效的源代碼示例和信息點介紹,做到靈活運用。 (1)提供vue2的一些基本操作:安裝、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted, beforeUpdate,upda

    2024年02月09日
    瀏覽(24)
  • 前端項目部署自動檢測更新后通知用戶刷新頁面(前端實現(xiàn),技術(shù)框架vue、js、webpack)——方案一:編譯項目時動態(tài)生成一個記錄版本號的文件

    前端項目部署自動檢測更新后通知用戶刷新頁面(前端實現(xiàn),技術(shù)框架vue、js、webpack)——方案一:編譯項目時動態(tài)生成一個記錄版本號的文件

    當(dāng)我們重新部署前端項目的時候,如果用戶一直停留在頁面上并未刷新使用,會存在功能使用差異性的問題,因此,當(dāng)前端部署項目后,需要提醒用戶有去重新加載頁面。 vue、js、webpack 編譯項目時動態(tài)生成一個記錄版本號的文件 輪詢(20s、自己設(shè)定時間)這個文件,判斷版

    2024年02月02日
    瀏覽(57)
  • VUE路由跳轉(zhuǎn)并刷新頁面(框架層實現(xiàn))

    前言 ? ? ? ? 網(wǎng)上找了很多辦法,都需要開發(fā)者在頁面內(nèi)單獨實現(xiàn),或者是刷新整個瀏覽器,感覺并不是特別舒服。因此,我考慮可以在框架層去實現(xiàn)路由跳轉(zhuǎn)刷新。 ? ? ? ? 思路如下: ? ? ? ? ? ? ? ? 1、重定向至臨時界面(用戶無感知) ? ? ? ? ? ? ? ? 2、打開臨時

    2024年02月11日
    瀏覽(26)
  • JavaScript常用跳轉(zhuǎn)代碼:打開新頁面(Open New Page)

    JavaScript常用跳轉(zhuǎn)代碼:打開新頁面(Open New Page) 在編寫網(wǎng)頁時,經(jīng)常需要在當(dāng)前頁面中跳轉(zhuǎn)到其他頁面。JavaScript提供了多種方法來實現(xiàn)頁面跳轉(zhuǎn),其中最常用的是打開新頁面。下面是一些常見的跳轉(zhuǎn)代碼示例。 使用window.open()函數(shù) 該代碼會在新的瀏覽器窗口或選項卡中打開

    2024年02月06日
    瀏覽(17)
  • 關(guān)于vue路由跳轉(zhuǎn)后的頁面不會刷新的解決辦法

    做uni項目的時候遇到的情況:1,父組件頁面刷新了之后 需要觸底加載的子組件能觸底加載,否則不能加載。2,子組件不能觸底加載,只需要刷新之后就能觸底加載。以上的刷新不包括下拉刷新。3. 可能因為包了一層tab頁導(dǎo)致跳轉(zhuǎn)進頁面沒有請求數(shù)據(jù)的問題。 我的解決辦法是

    2024年02月11日
    瀏覽(29)
  • vue通過router地址傳參跳轉(zhuǎn)同一路由頁面,頁面不刷新的解決辦法

    vue、 vue-router@4 記錄一下最近遇到的vue路由頁面間的跳轉(zhuǎn)的問題,其中就涉及到了不同路由的跳轉(zhuǎn)(/a/b1 = /a/b2)、相同路由不同參數(shù)間的跳轉(zhuǎn)(/a/b?c=1 = /a/b?c=2)、相同頁面錨點跳轉(zhuǎn)(/a/b#id1 =/a/b#id2) 原因:渲染的是同一組件 解決:可以在不刷新的頁面通過監(jiān)聽route,重新加載

    2024年02月04日
    瀏覽(22)
  • 解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題

    解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題

    ????????原因:router-view使用了keep-alive組件,會被緩存,而vue-router的切換不用于傳統(tǒng)的頁面切換。是路由之間的切換,組件之間的切換,引用相同組件的時候,會被直接調(diào)用緩存里面的而不會調(diào)用created(),onMoun ted()函數(shù)。 ? ? ? ? 如圖所示:要實現(xiàn)的功能是點擊每一個

    2024年02月11日
    瀏覽(23)
  • vue跳轉(zhuǎn)頁面后返回不刷新且記錄歷史滾動條停留位置 (實現(xiàn)了根據(jù)不同頁面來設(shè)置是否刷新記錄的功能)

    vue跳轉(zhuǎn)頁面后返回不刷新且記錄歷史滾動條停留位置 (實現(xiàn)了根據(jù)不同頁面來設(shè)置是否刷新記錄的功能)

    ? ? ? ? 1.在路由(router/index.js)中,對不刷新的頁面設(shè)置: ? ? ? ? 2.在app.vue中設(shè)置: 這時返回就不會觸發(fā)created和mounted ????????1.在data中定義 ????????2.掛載: 以上就實現(xiàn)了返回頁面后滾動條記憶的功能啦! 如果想實現(xiàn)分情況決定是否記憶滾動條以及刷新組件數(shù)據(jù)

    2024年02月08日
    瀏覽(45)
  • vue3在運行時路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常[已解決]

    vue3在運行時路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常,在網(wǎng)上尋找很久說是keepAlive的原因,后來看了看我的代碼~ 原來的代碼: 改后的代碼: 由此可見,根元素一定要由一個div去包裹??! template必須有且只能有一個div 在這樣才會正常顯示~ 原理: 這里我們要先

    2023年04月27日
    瀏覽(25)
  • vue-element-admin vue設(shè)置動態(tài)路由 刷新頁面后出現(xiàn)跳轉(zhuǎn)404頁面Bug 解決方法

    vue-element-admin vue設(shè)置動態(tài)路由 刷新頁面后出現(xiàn)跳轉(zhuǎn)404頁面Bug 解決方法

    做項目時遇到的這個bug,因為除了跳404之外也沒太大影響,之前就一直放著沒管,現(xiàn)在項目基本功能實現(xiàn)了,轉(zhuǎn)頭處理了一下,現(xiàn)在在這里記錄一下解決方法 這個bug的具體情況是:設(shè)置了動態(tài)路由之后,不同的用戶登錄之后顯示了不同的側(cè)邊欄,在側(cè)邊欄點擊菜單,渲染對應(yīng)

    2024年04月28日
    瀏覽(95)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包