Vue bug处理办法

阳光穿透心脏的1/2处 2022-09-11 11:27 134阅读 0赞

1.yarn : 无法加载文件 E:\\node\\nodejs\\node\_global\\yarn.ps1，因为在此系统上禁止运行脚本。  
2.this.$router.push跳转到当前页 页面没有刷新  
3.element-ui 字段过长悬浮显示

1.yarn : 无法加载文件 E:\\node\\nodejs\\node\_global\\yarn.ps1，因为在此系统上禁止运行脚本。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6ICB5raC55S3_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

> get-ExecutionPolicy
    Restricted
    >set-ExecutionPolicy remotesigned
    >get-ExecutionPolicy
    RemoteSigned
    > yarn -v
    1.22.11

2.this.$router.push跳转到当前页 页面没有刷新

在router-view 中加入 key 就好了，因为在路由页面存在页面缓存。

<router-view :key="this.$route.path"></router-view>

3.element-ui 字段过长悬浮显示

<template slot-scope="scope">
    <el-popover
    placement="top-start"
    trigger="hover"
    :disabled="scope.row.productName.length <= 4"
    >
    <div>{
       { scope.row.productName }}</div>
    <span slot="reference" v-if="scope.row.productName.length <= 4">{
       { scope.row.productName }}</span>
    <span slot="reference" v-if="scope.row.productName.length > 4">{
       { scope.row.productName.substr(0, 4) + "..." }}</span>
    </el-popover>
    </template>

![在这里插入图片描述][fc5216d1dd0844478cdc2ff1fd9b88c7.png_pic_center]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6ICB5raC55S3_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/0cf8edd6c1d147728abdb4d15d7f6192.png
[fc5216d1dd0844478cdc2ff1fd9b88c7.png_pic_center]: /images/20220828/110e7a938b864a7bb743e31fb3ff2d60.png

发表评论取消回复

表情：

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

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

相关阅读

相关前端模板-2【vue部分小功能、bug处理】

前端模板【vue部分小功能】 1 Vue部分模板 1.1 vue实现store【存储当前选中页面】 > 我的习惯用法，大家可自行调整【以存储当前页面名称为例】

╰半夏微凉°/ 2024年03月30日 09:11/ 0 赞/ 18 阅读

相关一个奇怪的bug处理

一个同事遇到了这样一个bug：element-ui table选中后，打开dialog 选中状态自动变了，效果如下： ![1109025-20190815145157546-

蔚落/ 2023年08月17日 17:07/ 0 赞/ 66 阅读

相关随笔记一个bug——实际数据来源变更导致bug（定位bug与处理）

描述：交易详情接口有返回数据，但前端没显示。【业务层面原因：原本的需求是A接口只统计a渠道的单笔缴费业务，B接口统计b渠道的批量缴费业务。后来实际实现中，b

缺乏、安全感/ 2022年10月04日 15:44/ 0 赞/ 110 阅读

相关 Vue bug处理办法

1.yarn : 无法加载文件 E:\\node\\nodejs\\node\_global\\yarn.ps1，因为在此系统上禁止运行脚本。 2.this.$router

阳光穿透心脏的1/2处/ 2022年09月11日 11:27/ 0 赞/ 135 阅读

相关 IE6下margin双倍边距Bug的处理办法

一、什么是双边距Bug？先来看图： ![Center][] 我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页

本是古典何须时尚/ 2022年08月07日 06:46/ 0 赞/ 138 阅读

相关项目线上Bug处理流程

前言针对线上Release版本出现的Bug问题，我们需要有一套稍微严谨的处理流程，否则很容易忙乱掉。下面是处理流程初稿。流程处理思维图 ![Bugflo

蔚落/ 2022年06月08日 11:30/ 0 赞/ 148 阅读

相关 Hive常见的bug与解决办法

转自:[https://blog.csdn.net/qq\_26442553/article/details/78807211][https_blog.csdn.net_qq_

Bertha 。/ 2022年05月16日 04:20/ 0 赞/ 421 阅读

相关 vue---解决bug之获取数据

这个bug困扰了我一天，百度有很多解决方案，主要是说用v-if=“data”,判断获取到了数据的值的时候再渲染，然而对我没有用获取到了数据，也可以显示出来，但是输出数

浅浅的花香味﹌/ 2022年01月22日 00:41/ 0 赞/ 190 阅读

相关 javascript toFixed() 方法BUG的解决办法

> toFixed() 方法使用定点表示法来格式化一个数值。简单点来说，就是对数据进行四舍五入的处理，定点表示要保留的小数位数。 toFixed() 方法BUG的解决

刺骨的言语ヽ痛彻心扉/ 2022年01月21日 06:25/ 0 赞/ 254 阅读

相关 vue & vue router & match bug

vue & vue router & match bug match bugs ![image][] ![image][image 1] solution

分手后的思念是犯贱/ 2021年09月30日 16:14/ 0 赞/ 226 阅读