![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
梅花屋主
会当凌绝顶,一览众山小
展开
-
关于 vue3 reactive 重新赋值的问题
问题:一个带默认值的数组,每次更新数据都重置该数组到原始状态, 之后push新值到list中,见以下代码:import { reactive, ref } from 'vue'export default { setup() { // 需要一个带默认值的数组list; let list = reactive([{id: 1, name: 'Andy'}]) // 每次触发事件重置list,把新值放入,此种方式不会触发视图更新 const checkBtn =原创 2021-12-22 18:03:07 · 13318 阅读 · 3 评论 -
vue打包后单个chunk文件太大的压缩处理
安装 ‘compressionPlugin’ 插件,npm i -D const compression-webpack-pluginconst CompressionPlugin = require('compression-webpack-plugin')if (process.env.NODE_ENV === 'production') { config.plugin('compressionPlugin').use(new CompressionPlugin({ test原创 2021-08-13 14:57:08 · 3116 阅读 · 2 评论 -
Chrome 91版本无法携带cookies问题
chrome自80版本 开始推进禁用第三方cookie,当时的解决办法参考:chrome80版本禁用cookie,但是最近更新到91版本发现chrome貌似强制禁用第三方cookie了,这就导致开发的时候,使用cookie的项目,访问不同域没有办法携带cookie,各种查找暂时解决办法:1、参考链接;2、如果是vue-cli3项目,可以在vue.config.js中添加代理到本地;devServer: { proxy: { '/api': { targe原创 2021-06-17 14:49:49 · 785 阅读 · 0 评论 -
element 合并table表格数据处理
// 为合并行处理数据 getSpanArr (data) { this.spanArr = []; for (var i = 0; i < data.length; i++) { if (i === 0) { this.spanArr.push(1); this.pos = 0 } else { // 判断当前元素与上一个元素是否相同 if (data[i]原创 2020-10-16 18:44:15 · 581 阅读 · 0 评论 -
element table sort-method 动态数据列自定义排序问题
<el-table-column :label="col.gradeSerial" header-align="center" v-for="(col,i) in cList"> <el-table-column sortable :label="label" :sort-method="(a, b) => sortHandle(a, b, i, 'recordNum')" align="center"> <template s原创 2020-09-29 13:12:52 · 6356 阅读 · 1 评论 -
el-select 多个下拉循环绑定值的问题
关于element-ui el-select循环绑定值获取的问题<span class="levelBox" v-for="(ele,index) in levelList" :key="index"> <el-select filterable v-model="level[index]" @change="changeLevel" :placeholder="'不限'+ele.firstLevelName" clearable> <el-option原创 2020-06-11 16:35:32 · 2517 阅读 · 2 评论 -
vue自定义组件使用v-model时候的问题
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的冲突。Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template:原创 2020-05-27 12:50:36 · 994 阅读 · 0 评论