vue
程序员里的BUG
这个作者很懒,什么都没留下…
展开
-
部署在线上的web项目页面手动刷新报404错误,本地调试没问题
【代码】部署在线上的web项目页面手动刷新报404错误,本地调试没问题。原创 2023-05-26 16:12:38 · 328 阅读 · 0 评论 -
uni-app-使用状态管理Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 是专门为 Vue.js 设计的状态管理库,以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。,不需要去安装,直接导入使用。目录,在此目录下新建。原创 2023-03-29 15:12:32 · 440 阅读 · 0 评论 -
mac系统 vscode 每次修改文件时提示没有权限问题
在vs code中修改文件老是弹框提醒没有权限问题,Failed to save ‘package.json’: Insufficient permissions. Select ‘Retry as Sudo’ to retry as superuser.根据提示输入电脑密码后输入命令:(文件夹可以直接拖进来 就会默认形成文件目录),根据提示输入输入电脑密码,但是无效…打开终端在根目录输入。原创 2022-11-24 16:28:18 · 2623 阅读 · 0 评论 -
element Table表格el-table表尾合计行:定义合计逻辑
将设置为就会在表格尾部展示合计行。默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过配置),其余列会将本列所有数值进行求合操作,并显示出来。当然,你也可以定义自己的合计逻辑。使用并传入一个方法,返回一个数组,这个数组中的各项就会显示在合计行的各列中。注意!!!element官方文档里举例的方法 要注意,要将计算合计的列加上属性,否则合计无效......原创 2022-06-16 16:02:21 · 5078 阅读 · 1 评论 -
uniapp表单uni-forms校验自定义校验规则,手机校验、身份证校验
validateFunction 自定义校验规则如果需要使用 validateFunction 自定义校验规则,则不能采用 uni-forms 的 rules 属性来配置校验规则,这时候需要通过ref,在生命周期调用组件的setRules方法绑定验证规则 无法通过props传递变量,是因为微信小程序会过滤掉对象中的方法,导致自定义验证规则无效。.........原创 2022-06-13 14:47:23 · 16966 阅读 · 12 评论 -
前端打包报错this.options.cssProcessor.process(css, Object.assign({ to: assetName }, this.options.cssProces
前端打包报错this.options.cssProcessor.process(css, Object.assign({ to: assetName }, this.options.cssProcessorOptions));打包npm run duild 报错找到build文件目录下的build*webpack.prod.conf.js*注释掉// const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')原创 2022-04-12 12:27:44 · 1157 阅读 · 0 评论 -
vue中实现回车键登录功能
<el-input placeholder="请输入正确手机号码/电子邮箱" v-model="loginForm.account" @keyup.enter.native="submit(loginForm.account, loginForm.password)" > <i slot="prefix" class="el-input__icon el.原创 2021-10-20 11:56:43 · 564 阅读 · 0 评论 -
element ui中table表格表头label根据后台返回的数据动态显示
在要动态改动表头的表头中给label绑定一个数据 <el-table-column prop="sig_offer" :label="paymentType" width="120" >通过获取后台请求到的数据赋值到paymentType中 labelValue() { let _this = this; if (_this.sellAllData[0].原创 2021-09-10 12:27:23 · 2020 阅读 · 0 评论 -
elementUI 表格设置表头个别样式
给要改样式的el-table-column加上label-class-name <el-table-column label="操作" label-class-name="caozuo" header-align="left" >找到表头所在行,elementUI默认的class名,在后面加上自名的class,直接在style中设置样式,.ranking_table /deep/ .el-tabl原创 2021-09-09 14:59:49 · 1056 阅读 · 0 评论 -
Vue中在main.js中注册全局的时间过滤器
在main.js通过**Vue.filter()**去定义一个全局的时间过滤器,第一个参数是过滤器的名字,如:dataFormt,第二个是时间过滤器的处理函数:function(),需指定一个形参:originVal,这个originVal形参就是需要处理时间数据;拿到originVal时间,先new Date,同时将originVal传过去,即根据本地的时间得到一个时间的日期对象通过**getFullYear()**拿到四位的年份通过**getMonth()获得月份,月份从1开始故使其+1;原创 2021-06-24 18:42:44 · 452 阅读 · 0 评论 -
[Vue warn]:Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““
vue组件使用常见错误–出现数据类型不匹配的情况,报的警告错误:如下截图prop“data”的类型检查失败。期望数组,得到值为“”的字符串。是类型不对。错在给数据定义的时候直接定义的字符串,而不是数组;数据格式定义错误,list应该定义为null,或者给个空【】,而不能为字符串。...原创 2021-06-16 12:55:51 · 648 阅读 · 0 评论