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

墨蓝 2022-11-28 13:48 9阅读 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 条评论，9人围观）

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

相关阅读

相关 Vi常用小技巧

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

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

相关总结Vue开发的小技巧

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

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

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

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

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

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

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

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

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

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

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

相关 Python常用小技巧总结

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

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

相关计算机入门的一些常用小技巧总结

![07106727b4f959c3a62012bed231de43.png][] > “ > > 大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。 > > ” 今

浅浅的花香味﹌/ 2022年09月10日 03:23/ 0 赞/ 190 阅读

相关 ACM一些常用小技巧（博客收集+总结）

1,素数打表这个几乎涉及到数学的题都要用，素数筛法打表是最快的，甚至同时可以求欧拉函数（这个在之前的博客说过）素数打表推荐博客：[http://blog.csdn.ne

清疚/ 2022年06月12日 03:23/ 0 赞/ 251 阅读

相关常用小技巧

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

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

相关常用小技巧

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

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