av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue 監(jiān)聽窗口變化對頁面部分元素重新渲染操作

瀏覽:102日期:2022-12-26 11:35:24

問題

在處理頁面重新渲染時通常的做法是:

用vue-router重新路由到當(dāng)前頁面,頁面是不進(jìn)行刷新的

采用window.reload(),或者router.go(0)刷新時,整個瀏覽器進(jìn)行了重新加載,閃爍,體驗不好

使用 v-if 重新渲染部分組件或容器

需要重新渲染的內(nèi)容

<div v-if='render'> ...</div>

vue 監(jiān)聽窗口大小發(fā)生改變

使用 window.addEventListener() 添加 resize 事件監(jiān)聽窗口變化

new Vue({ el: ’#app’, data() { return { render: true } }, mounted() { window.addEventListener(’resize’, this.reload) }, beforeDestroy() { window.removeEventListener(’resize’, this.reload) }, methods: { reload() { // 重新渲染 this.render = false this.$nextTick(() => { this.render = true }) } }})

補(bǔ)充知識:vue同一個路由,但參數(shù)發(fā)生變化,頁面不刷新的問題(vue監(jiān)聽路由參數(shù)變化重新渲染頁面)

我就廢話不多說了,大家還是直接看代碼吧~

watch: { $route: function(newVal, oldVal) { console.log(oldVal); //oldVa 上一次url console.log(newVal); //newVal 這一次的url if (newVal != oldVal) { this.loading();//重新調(diào)用加載函數(shù) } }}

以上這篇vue 監(jiān)聽窗口變化對頁面部分元素重新渲染操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 99精品视频免费观看 | 亚洲黄色在线观看 | 天天操天天干天天操 | 欧美性猛交xxxx乱大交退制版 | 亚洲成人国产 | 日本特级黄色片 | 成人欧美在线 | 欧美日韩国产在线播放 | 国产视频一区在线观看 | 黄色片视频网站 | 久久免费福利视频 | h片在线免费观看 | 色婷婷狠狠| 午夜视频网站 | 久久天天躁狠狠躁夜夜躁2014 | 欧美精品日韩少妇 | 欧美日韩一区二区三区 | 欧美有码视频 | 色av网| 在线成人 | 玖玖久久 | 黄a视频 | 久久精品视频国产 | 一区二区在线看 | 免费av一区 | 成人一区在线观看 | 97色伦图片 | 91免费网站入口 | 欧美成人综合 | 91成人在线视频 | 中文字幕亚洲天堂 | 久久精品久久久久 | 欧美成人激情 | 日韩欧美自拍 | 婷婷综合激情 | 长河落日连续剧48集免费观看 | 国产www视频 | 中文字幕三区 | 国产精品美女毛片真酒店 | 成av人片在线观看www | 国产91丝袜在线播放 |