vue
我的大树
这个作者很懒,什么都没留下…
展开
-
vue在scss中使用data的变量
场景:使用vant框架的时候,需要动态改变元素的字体颜色templete<van-checkbox :style="cssVars" v-model="this.checked">{{txt}}</van-checkbox>computedcomputed:{ cssVars() { return { "--color": this.color }; },原创 2022-04-12 14:54:43 · 3391 阅读 · 0 评论 -
vue跳转同一个路由参数不同
问题:vue项目同一个路由跳转(路由不变,后面参数变化),第一次碰到这个问题的时候,搜了很多文章,大约是第一种解决方案,很顺利解决了。可是!!!在app上的时候,它地址变了刷新不了!!第一种方法window.location.href = 改变参数后的新地址window.location.reload();在app上地址更新但是不刷新!!!然后就有了第二种方法第二种方法<router-view :key="$route.fullPath"/>这样可以在app上解决!!!原创 2022-04-12 14:19:52 · 1454 阅读 · 0 评论 -
vue动态设置背景图片
<div class="item_text" :style="{backgroundImage: 'url(' + item.busiCode[0].Leftimg + ')', backgroundSize:'100% 100%', backgroundRepeat: 'no-repeat'}">{{item.busiCode[0].context}}</div>原创 2020-10-26 10:23:58 · 1844 阅读 · 0 评论 -
vue+elementui限制input只能输入数字
除了数字其他输入不了~~<el-input v-model="num" onkeyup="this.value = this.value.replace(/[^\d.]/g,'')"/>原创 2020-09-10 14:14:40 · 1183 阅读 · 0 评论 -
vue-element-admin点击下载文件
创建a标签下载的方式, <el-button type="primary" size="mini" @click="downloadAnnex()"> 下载 </el-button>downloadAnnex() { const aTag = document.createElement('a') aTag.href = 'http://..........?annexId=' + this.i原创 2020-07-30 10:24:43 · 3960 阅读 · 2 评论 -
vue-element-admin之el-form表单上传多个文件,并与表单一起提交
elementUI+vue表单上传多个文件和其他表单数据一起提交这里使用的formdata提交方式,this.$refs.upload.submit()提交会触发http-request自定义上传方法element代码<el-dialog title="文件上传" :visible.sync="uploadVisible" width="650px"> <el-form ref="ruleForm" :model="ruleForm" label-width="100原创 2020-07-30 10:19:22 · 5132 阅读 · 1 评论 -
vue-element-admin打包报错(css路径错误)
在vue.config.js中把publicPath: ‘/’,改成publicPath: ‘./’,然后打包就好啦!!!!!!!!!!原创 2020-07-15 19:07:13 · 1374 阅读 · 0 评论 -
vue-element-admin新建用户模块mock数据
再views中新建customer,在这里我是在detailed中进行的模拟数据在api中新建customerimport request from '@/utils/request'export function getCustomerDetail(data) { return request({ url: '/vue-element-admin/customer/detail', method: 'post', data })}然后再mock中新建cus原创 2020-07-08 14:37:18 · 955 阅读 · 2 评论 -
vue-element-admin-master默认显示为中文
在使用日历的时候,显示为英文(如上图这样),所有在看网上的很多方法后感觉那些麻烦,找了很久找到一个简单的方法找到src/main.js把第9行和38行这两行注释掉就可以了~~~原创 2020-07-04 18:01:35 · 1365 阅读 · 0 评论 -
el-scrollbar--隐藏横向滚动条
.el-scrollbar__wrap{ overflow-x: hidden; }写在css里,不要写在< lang=“scss” scoped>里,否则没有效果!!!!!!!!!原创 2020-07-04 10:04:12 · 2722 阅读 · 0 评论 -
vue-element-admin-master修改为自己的登录接口
后台返回数据为{code:‘200’;data:nd424524fsdfs4633263xsc;}首先先看在src中views、login、login.vue登录页中找到handleLogin()就是以下代码handleLogin() { this.$refs.loginForm.validate(valid => { if (valid) { this.loading = true console.log(this...原创 2020-07-03 09:40:10 · 4697 阅读 · 6 评论