随笔分类 - vue
vue cli3搭建项目
摘要：这篇的前提是 vue elementUI 主题颜色切换 基础篇 vue elementUI 主题颜色切换 修改elementUI 因为项目中有echarts 图表。图表颜色不切换很奇怪。所以必须要适配echarts. 所以要在之前的基础上修改。 echarts 自己有个主题配置。因为我用的是vue-
阅读全文
摘要：这篇的前提是 vue elementUI 主题颜色切换 基础篇 前面提到要修改elementUi样式。肯定是要写全局的样式的。而且不能覆盖elementUI的样式 这个也很简单。利用 class 属性，添加新样式。但是对于一些特定的组件，比如 el-select el-dialog 等组件可能仅仅添
阅读全文
摘要：产品需求是添加浅色和深色两个配色切换，且记住用户上次设置的颜色。 前端是 elementUI做的，项目内已经添加了SCSS。 个人理解：通过用户操作改变元素类名加载实现不同的样式。控制颜色改变，如果这样实现的话，不仅仅可以实现浅色和深色的配置。记住用户上次设置可以使用LocalStorage存储，在
阅读全文
摘要：import { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } mes
阅读全文
摘要：npm install vue-router --save 在根目录下下新建文件夹 router/index.js 文件中引入模块 import Vue from 'vue'import VueRouter from 'vue-router' 在main.js里引用。然后在vue里挂载。一定要挂载才
阅读全文
摘要：在项目打包时发现 static文件在打包时原封不动的打包到dist下的images文件下了。 但是奇怪的是还有一个名叫img的文件夹。 经过对比发现img里的文件都是images里的图片文件。 而且数量远远比images里的文件少，还带了一串哈希值。 然后发现哈希值前面的名称在images里对应图片
阅读全文
摘要：项目需求：图中的表格是不固定的个数。根据后台返回的数据数组长度确定的。 每个河长都是一个elementui的远程select框。修改完成后表格数据保存到后台存储。 问题：在使用v-for循环生成表格时对于表格中的select不写v-modal无法进行。 写了后会导致所有select都会绑定一个值，修
阅读全文
摘要：npm install --save-dev node-sass在第一步安装时可能报错误。试一试npm install。然后重新安装。 npm install --save-dev sass-loader //sass-loader依赖于node-sass 这两个命令默认装的最新的版本。安装没有报任
阅读全文
摘要：接下来我去下载element-ui 在官网上看到的命令 npm install element-plus --save。 然后就掉坑里了。element-plus是vue3.0版本往上使用的。我是2.6。 npm i element-ui -S 这个才是正确命令。
阅读全文
摘要：/** * axios封装 * 缺点：axios内也只是封装了get 和post 类型没有完全写完。 * 对 config 对象没有进行扩展，如果出现特殊http请求类型 * 优点：对重复请求接口进行了拦截， * 页面跳转时取消了全部http请求 */ import {Message} from "
阅读全文
摘要：hbuilder项目里新建的仅仅包含babel的vue-cli项目。 package.json 只有这么多的东西。 注意一下vue的版本是2.6的。不是3！不是3！不是3！ 项目里是没有vue.config.js文件的。这个需要自己建 别名那里一定要使用path转换成绝对地址。!!!! 我之前这样写
阅读全文
摘要：data 和computed 里直接使用this.$t("message.jwapp.pk")即可 但是在props 里的default 设置默认值时报错。 正确写法是： default(){ return this.$t("message.jwapp.pk") } 下面这种写法不行： defaul
阅读全文
摘要：单页面的微信小程序在ios手机上，会出现能左右滑动一定距离的问题。解决办法就两行代码：设置外层元素的css为 width:100%; overflow-x:hidden;
阅读全文
摘要：问题描述：scrollView内部含有popup组件时。弹出框的遮罩层只覆盖了scrollView范围内。 底部application-edit-bottom-option组件定位是position：fixed; 遮罩层无法覆盖 这个问题只出现在IOS手机上。安卓则是正常。 bug页面 正常情况：
阅读全文
摘要：uniapp 小程序在微信下会出现类似下拉问题 解决方法是在app.vue 的页面onLaunch方法内添加禁止下滑方法 this.$nextTick(() => { document.body.addEventListener("touchmove", this.addBodyTouchEvent
阅读全文
摘要：ECMA-262第5版在定义只有内部才用的特性（attribute）时， 描述了属性（property）的各种特征。 ECMA-262定义这些特性是为了实现javascript引擎用的， 对象的属性分为两种类型：数据属性和访问器属性 1.数据属性：数据属性是一个具有值的属性，该值可以是可写的，也可以
阅读全文
摘要：数据结构基本存储结构：线性结构、树形结构、图状结构和集合四种 在js声明变量用到了栈和堆的概念，栈属于顺序结构，堆属于树形结构 基本数据类型：Strint、Number、Bollean、Undefined、Null、Symbol(ES6新增了解) 基本数据类型是一些简单数据，它们存在栈内存中。 引用
阅读全文
