如何正确强制 Vue 组件重新渲染 v-if 和 forceupdate 和 key
VUE
2023-07-12 16:30:00
356
0
Vue 是一个多功能且可逐步采用的 JavaScript UI 框架, 只要 JavaScript 状态发生变化，Vue 就会自动更新 DOM。然而，在某些情况下，我们可能需要重新渲染各个组件，避免重新加载整个页面。1. 什么时候应该在 Vue 中强制更新？有时，有必要在 Vue 中强制更新，以确保 UI 反映最新的数据或状态更改。让我们回顾一下在 Vue 中强制更新可能合适的一些常见场景或用例。External events 外部事件Custom watchers 自定义观察者Third-party integration 第三方集成Dynamic styling 动态造型Changes t... ...
阅读全文
解决 vue v-if 不重新渲染组件问题 值变化 页面不变化
VUE
2022-07-05 12:27:51
617
0
原因：可能原因是 Vue 识别到是相似组件（高度相似甚至相同）不会更新元素。解决办法：给俩个高度相似的组件分别加上不同的 key 值让Vue识别为不同的组件。... ...
阅读全文
elementUi 自动升级 控制台报错 Prop being mutated: “placement“
VUE Element
2022-07-04 12:47:57
630
0
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "placement"当 elementUi 自动升级到 2.15.8 以上版本时，浏览器控制台会出现此报错。现在看到 gitlab issue 上也有很... ...
阅读全文
vue 压缩体积之 vue-cli4 配置 gzip
VUE
2022-05-29 13:12:03
488
0
查看 vue cli 版本$ vue -V
@vue/cli 4.5.13安装 compression-webpack-pluginnpm install compression-webpack-plugin@6.1.1 --save -dev配置 Vue.config.jsconst CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipEx... ...
阅读全文
解决 Vue 项目 invalid host header 问题（两种方案）
VUE
2022-05-28 19:16:18
484
0
问题出现背景做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header分析问题这句话的意思是：无效的Host请求头；因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器）测试环境下的webpack有一个host检查功能：webpack 的 devServer 中如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如：第一种解决方案设置允许访问的域名module.exports = {
//...
devSe... ...
阅读全文
vue项目页面跳转的常用方法
VUE
2022-05-28 19:13:26
406
0
1：router-link 跳转2：this.$router.push() 3：this.$router.replace() 4：this.$router.go(n)5：window.location.href = urlss;1 和 5 可以跳到第三方网页... ...
阅读全文
element 中el-select 的 el-option的value值为数字
VUE
2022-05-19 15:56:01
567
0
起因：在使用 el-select 组件的时候，el-option 选项中的 label 和 value 的值分别是对应的，但是 value 的值需要在传参的时候，需要的是数字，不是字符串。解决方案：增加 v-bind 或者直接 :value="1"<el-option label="数字1" :value="1"></el-option>
<el-option label="数字2" :value="2"></el... ...
阅读全文
vue 请求拦截器 ios 设置 header 不成功
前端网站 VUE
2022-04-10 13:13:21
417
0
现在从cookie 中取 token... ...
阅读全文
vue Element 中 el-upload 上传组件中使用自定义上传方法 http-request
前端网站 VUE
2022-04-09 14:46:11
786
0
关于： 饿了吗 el-upload 组件http-request 参数可以覆盖默认的上传行为，可以调用自己定义的js事件注意点：action="" 但不可以省略http-request 必须以param为参数（ele上面没写）通过 param.file 取得文件api 要增加头 'content-Type': 'multipart/form-data'示例：前端：需要新建 formdata 对象template部分<el-upload
class="avatar-uploader"
... ...
阅读全文
vue .env.development 全局变量 不生效的问题
VUE
2022-04-09 14:26:37
386
0
在 .env.development 文件中设置全局变量的时候需要注意：前缀必须为 VUE_APP_ 开头设置完后，重启 server... ...
阅读全文
