vue学习经验总结（不常用小技巧）

墨蓝 2022-11-28 13:48 13阅读 0赞

## 1.解决屏幕闪动 ##

用v-cloak可以解决
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200818101110679.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aHVodWph,size_16,color_FFFFFF,t_70#pic_center)

## 2.keep-alive实现页面缓存 ##

在router中设置meta属性，然后设置keepAlive为true,代表这个页面需要进行缓存。
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200818101409295.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aHVodWph,size_16,color_FFFFFF,t_70#pic_center)

去到app.vue中修改代码：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aHVodWph_size_16_color_FFFFFF_t_70_pic_center]

## 3.滚轮到最底部 ##

this.$nextTick(()=>\{  
document.documentElement.scrollTOP=10000;  
\})

## 4.打开新窗口页面 ##

const {href} =this.$router.resolve({
        name:"pydt",
        params:{
                    id:id,
                    studentStatus:0
               }
        });

window,open(href,"_blank")

解决办法

window.open(window.location.oringin+'/#pydt?id='+id)

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aHVodWph_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/c6f14bcb8b1d4ed6b4ed9fc7ca383adf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA常用小技巧

1、设置Tab页的最大个数 idea 默认只能同时存在10个Tab页，超过将会关闭最先打开的Tab页 File->Setting->Editor->General->E

蔚落/ 2023年10月07日 12:24/ 0 赞/ 7 阅读

相关 Vi常用小技巧

Vi用法小技巧： :set nu 显示行号 :set nonu 取消显示行号 shift+g 最后一行 1+shift+g 第一行 gg也行 nG

ゞ浴缸里的玫瑰/ 2023年07月08日 06:59/ 0 赞/ 28 阅读

相关 git 常用技巧总结

git无法pull仓库refusing to merge unrelated histories git pull remote master --allow-u

偏执的太偏执、/ 2023年05月31日 07:06/ 0 赞/ 19 阅读

相关总结Vue开发的小技巧

Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了几个个 vue 开发技巧; 1.require.context() 1.场景:如页面需要导

╰+攻爆jí腚メ/ 2023年05月29日 02:40/ 0 赞/ 19 阅读

相关 vue学习经验总结（项目打包）

1. phpstudy运行 2. 在项目根目录下新建一个vue.confing.js 写入内容： module.exports = {

刺骨的言语ヽ痛彻心扉/ 2022年11月29日 11:50/ 0 赞/ 244 阅读

相关 vue学习经验总结（事件修饰符）

1.常见事件修饰符 <a v-on:click.stop="doThis"></a> <form v-on:submit.prevent="onSubm

不念不忘少年蓝@/ 2022年11月28日 13:49/ 0 赞/ 224 阅读

相关 vue学习经验总结（不常用小技巧）

1.解决屏幕闪动用v-cloak可以解决 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200818101110

墨蓝/ 2022年11月28日 13:48/ 0 赞/ 14 阅读

相关 Python常用小技巧总结

Pandas数据分析常用小技巧 -------------------- 数据分析中pandas的小技巧，快速进行数据预处理，欢迎点赞收藏，持续更新，作者：北山啦 -

╰半橙微兮°/ 2022年10月27日 13:48/ 0 赞/ 289 阅读

相关常用小技巧

1、如何让两个页面均匀展示在桌面？ ![70][] 2、为软件设计快捷键 ![70 1][] 3、软件启动闪退 ![watermark_type_ZmFu

Dear 丶/ 2022年05月20日 07:10/ 0 赞/ 316 阅读

相关常用小技巧

常用小技巧录入日期:2006-11-16 23:54:59 -------------------- 事件源对象 event.srcElem

约定不等于承诺〃/ 2021年09月10日 04:28/ 0 赞/ 590 阅读