vue
y_w_x_k
好好学习,天天向上
展开
-
js公共方法
js公共方法原创 2022-11-24 16:58:08 · 673 阅读 · 0 评论 -
uni-app开发微信小程序踩坑
uni-app 微信小程序 踩坑原创 2022-07-29 16:04:11 · 335 阅读 · 0 评论 -
Vue3学习笔记
1.setup,ref,reactive<template> <div> <h1>{{name}}</h1> <h1>{{price}}</h1> <h1>{{info.player}}</h1> <h1>{{info.director}}</h1> <h1>{{info.a.b.c}}</h1> <h原创 2022-02-07 22:11:54 · 521 阅读 · 0 评论 -
vue响应式原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-14 20:31:32 · 553 阅读 · 0 评论 -
vscode自定义组件模板
"demo": { "prefix": "vd", "body": [ "<template>", " <div class=\"$1\">", " ", " </div>", "</template>", " ", "<script>".原创 2021-11-11 22:29:10 · 374 阅读 · 0 评论 -
vue.config.js配置
1.配置全局scssmodule.exports={ css: { loaderOptions: { sass: { prependData: ` @import "@/assets/css/const.scss"; ` } } }, chainWebpack: config => {原创 2021-10-29 14:11:38 · 419 阅读 · 1 评论 -
axios详解
test原创 2021-10-27 16:45:17 · 74 阅读 · 0 评论 -
vue项目报错汇总
1.报错:Module build failed (from ./node_modules/sass-loader/dist/cjs.js):解决:sass-loader版本过高,降低sass-loader版本即可,例子:7.1.1->7.1.0原创 2021-10-26 09:12:12 · 334 阅读 · 0 评论 -
vuex详解
1.组件内可以直接修改State数据,但是这样子改的话,devtools无法记录是哪个组件修改的State数据,对后期的调试非常不友好;因此需要通过actions,mutations对vuex做修改;2.可以在组件内直接通过mutations对state数据进行修改,如果是异步的话无法通过跟踪mutation获取devtools记录,所以异步的话需要actions,再mutations来修改state内数据;...原创 2021-10-22 15:38:08 · 97 阅读 · 0 评论 -
vue学习笔记
1.v-once,只渲染一次<h1 v-once>{{message}}</h1>2.v-html,按照html格式渲染<h2 v-html="url"> {{ url }} </h2>url : '<a href="http://www.baidu.com">百度一下</a>'3.v-pre,不解析mustacche语法 <h1 v-pre>{{ message +' '+ name}}<原创 2021-09-28 22:19:12 · 305 阅读 · 0 评论 -
vue-element-admin 登录页火狐记住密码input框黑色
找到这行代码 box-shadow: 0 0 0px 1000px $bg inset !important;换成: transition: background-color 5000s ease-in-out 0s;就OK了原创 2021-07-06 21:50:07 · 319 阅读 · 0 评论 -
vue 与 Elementui 开发注意点
el-upload第一次没有上传文件提交触发效验后提示文件未上传,上传图片后再点击提交还是提示图片未上传解决方法:复制form表单,清空校验字段,再赋值给form表单 let tempForm=JSON.parse(JSON.stringify(this.form2))this.$refs.form2.resetFields()this.form2=tempForm...原创 2021-07-02 19:46:06 · 100 阅读 · 0 评论 -
uniapp的报错ncaught Error: Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/
我的问题原因就是pages.json文件里面多了一个逗号,把它去掉就ok了原创 2021-06-04 17:07:08 · 23425 阅读 · 0 评论 -
推荐一个好用的js日期函数库
下载地址:https://codechina.csdn.net/mirrors/jacwright/date.format?utm_source=csdn_github_accelerator原创 2021-06-03 09:32:24 · 154 阅读 · 0 评论 -
uni-app循环出来的picker组件绑定值的方法
项目中碰到picker组件是循环出来的,下拉的内容又是对象的时候的问题,这个时候如果picker的绑定值就设成:value="index"的话,就会出现选择一个,其他的picker全部改变的情况,后来花了一天时间摸索,终于实现了改变任意一个picker的值,其他不受影响的功能;上代码:首先是前端代码:<view v-for="(item,i) in listData" :key="i" class="v3-v1" style="display: flex;margin: 0upx 40u原创 2020-11-06 15:44:43 · 4987 阅读 · 0 评论 -
uni-app引入阿里ICON方法
阿里icon引入包含3个方法:unicode,fontclass,symbol;首先symbol方法在uni-app上目前还是不能用的;这里只介绍fontclass方法:从阿里icon下载文件解压:这是我的解压路径:然后在app.vue引入iconfotn.css文件,在main.js引入后在H5端没问题,但是在安卓或者IOS会报错:第三:修改iconfont.css内容,在引用的地址上加入~@/你的文件路径/:使用:完成:...原创 2020-10-20 15:12:52 · 271 阅读 · 0 评论 -
dataV组件容器宽高发生变化后,组件不会自适应解决方法
项目中需要大屏幕数据展示,于是使用了dataV组件,但是使用是发现拖动浏览器边框,dataV组件显示异常,如图:于是查了官网,官网的解释如下:于是按照官网的意思编写代码:<dv-active-ring-chart ref="pie2" :config="config" :key="key" class="datav-item" /> return { pieOutline: '', key : 1, }methods: { .原创 2020-10-15 20:02:06 · 17097 阅读 · 6 评论 -
vue-element-admin动态路由无限循环的解决方法
vue-element-admin是一个非常好用的开源的后台管理框架,最近在用它做一个公司用的管理平台,但是公司的项目比较小,没有权限这个功能,就把if (hasRoles) {next()}这段给删除了,于是在路由守卫,也就是permission.js里面碰到了无限循环的问题。为什么会出现无限循环呢?先看下代码主要是这个next({ ...to,replace : true}),只要next()里面写了内容,那么,一定会重新执行router.beforEach方法,这个时候如果hasRo.原创 2020-07-01 16:14:43 · 4697 阅读 · 4 评论 -
多个el-upload组件上传文件,同时提交文本字段
最近碰到个需求如下:表单里既有普通文本字段,又有上传文件,且是多个不同字段(不是一个字段多个文件);当时后端只给了一个接口:思路是先var formdata=new formdata(),再formdata.append('xx',xxx);再axios.post('url',formdata);实际写的时候碰到了一些问题,很多axios都会在使用前进行封装一下,加上拦截器,我用vue-element-admin作为后台模板,里面的axios也设置了拦截器,拦截器里面会对传输的参数进原创 2020-06-12 16:23:40 · 15944 阅读 · 8 评论 -
We're sorry but xxxx doesn't work properly without JavaScript enabled不修改路由模式解决方案
昨天因为修改了nginx.conf配置文件,原本可以运行的网站报错了,请求接口出现:We're sorry but xxxx doesn't work properly without JavaScript enabled. Please enable it to continue错误;后来探索了下发现是删除了nginx.conf里识别pathinfo模式的代码,只要在/etc/nginxn...原创 2020-04-03 08:34:07 · 13962 阅读 · 0 评论