- 博客(32)
- 收藏
- 关注
原创 uniapp swiper切换问题
项目要求点进来默认第三个,然后出现报错找了好久找到了这个原因 // swiper-item左右移动,通知tabs的滑块跟随移动 transition(e) { let dx = e.detail.dx; this.$refs.uTabs.setDx(dx); },刚进来 不能是 默认的 是第三个 或者第二个这个时候 他就会执行这个方法 获取页面的px 然后 ta
2022-03-04 15:52:32
1334
转载 Error in created hook: “TypeError: Cannot read property ‘isPeriods‘ of undefined“
created(){ let _this = this; for ( let i = 0; i <= _this.items.length; i++) { _this.items[i].imgSrc = _this.items[i].navIcon }}以上报错了删除线格式created(){ let _this = this; for ( let i = 0; i < _this.items.length; i++)
2022-01-15 15:39:51
388
原创 微信小程序:小程序中使用Less
1, 我们在VsCode 安装 easy less 插件,2,配置: 首选项 -> 设置 -> 用户 -> 扩展 (找到EasyLess插件,编辑setting.json文件进行配置)3在文件setting.json中"less.compile": {“outExt”:".wxss"} ,然后重启就可以...
2021-11-18 15:45:19
248
原创 vue每填写一次数据点击按钮增加一次
watch: { lists(val) { if (!val[val.length - 1].name) { this.anniubd = true; } else { this.anniubd = false; } } }, methods: { dijClick() { var ...
2021-10-08 15:38:37
1073
原创 element ui el-steps 和 el-tabs 的联动数据
<el-steps :active="Activeindex - 0" finish-status="success" align-center > <el-step title="基本信息"></el-step> <el-step title="商品参数"></el-step> <el-...
2021-07-05 14:20:15
595
1
转载 echarts 初使用
<template> <div class="Echarts"> <div id="main" style="width: 600px;height:400px;"></div> </div></template><script>import _ from 'lodash';export default { name: 'Echarts', data(){ return{
2021-07-02 10:43:33
149
原创 vue 时间格式化 dateFormat
在main.js 里面写Vue.filter('dateFormat',function(originVal){ const dt =new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2,0) const d = (dt.getDate() + '').padStart(2,0) const hh = (dt.getHours() + '').
2021-06-08 17:43:11
3426
原创 vue 自定义邮箱手机号验证
<el-form :model="editUserForm" ref="editUserFormRef" :rules="editUserFormRules" label-width="70px" > <el-form-item label="邮箱" prop="email"> <el-input v-model="editUserForm.ema...
2021-04-14 11:34:16
403
原创 通过axios请求拦截器添加token,保持拥有获取数据的权限
通过axios请求拦截器添加token,保持拥有获取数据的权限axios.interceptors.request.use(config=>{ // console.log(config) config.headers.Authorization = window.sessionStorage.getItem('token') return config//必须这么写})为啥要写获取整个字段呢Authorization ,其实没明白...
2021-04-06 15:59:29
267
原创 vue 退出功能实现
只要销毁本地token就可以 methods: { logout() { //清空token window.sessionStorage.clear(); //跳转到登录页 this.$router.push("/login"); }, },
2021-04-06 15:21:05
251
原创 vue 路由守卫导航
在router.js里面const router = new Router({ routes: [ { path: '/', name: 'login', component: login }, { path: '/login', name: 'login', component: login }, { path: '/home', name: 'hom
2021-04-06 15:08:45
56
转载 layui 普通文本框textarea 统计文本长度以及限制文本长度的方法
css部分:.layui-input-block { position: relative;}.word { position: absolute; right: 10px; bottom: 10px; color: #aaa; font-size: 12px;}html部分: <label class="layui-form-label layui-required">消息简介:</label&g
2021-02-18 14:15:31
3826
原创 element ul 分页背景颜色
添加background.sysBox .el-pagination.is-background .el-pager li:not(.disabled).active {background-color: #FD7A3A; // 进行修改背景和字体color: #fff;}注意写的scoped里面无用,另起
2020-12-24 16:38:50
344
1
原创 输入数字外边字变颜色
<style> .honse1{color: #f00;} .honse2{color: pink;} </style> <div id="app"> <input v-model="n"/><BR> <div :class="'honse'+n" >名字</div> </div> <...
2020-09-26 11:46:09
93
原创 小程序-e.detail.value动态获取input的value
<input type="text" bindinput="input" /><button bindtap="btnClick">点击</button>````cssPage({ data:{ inputVal:null } input(e){ this.setData({ inputVal:e.detail.value }) }, btnClick(){ console.
2020-09-25 11:27:19
2955
原创 js换肤效果
<body> <style> body{ background: url(images/1.jpg) no-repeat center top; position: relative; } .box{ display:flex; justify-content:center; align-items:center;background: #ffff; padding: 10px;}
2020-06-28 10:54:20
240
原创 input框里边显示隐藏vaule内容
<input type="text" value="手机"> <script> var text=document.querySelector('input'); text.onfocus=function(){ if(this.value=="手机"){ this.value=""; } } text.onb..
2020-06-22 16:55:28
467
原创 防京东显示隐藏密码
<div class="box"> <label> <img src="images/close.png" id="eye"> </label> <input type="password" id="pwd"> </div> <script> var eye=document.getElementById('eye'); .
2020-06-18 15:50:36
194
原创 分时间问候并显示不同的时间
<img src="images/s.gif"> <div>早上好</div> <script> var img=document.querySelector('img'); var div=document.querySelector('div'); var myDate = new Date(); var h = myDate.getHours(); if(h<.
2020-06-18 14:52:51
341
原创 vue 动画的应用
<transition mode="out-in"> <router-view></router-view> </transition> .v-enter,.v-leave-to{ opacity: 0; transform: translate(100%);} .v-enter-active,.v-leave-active{ transition: all 0.3S ease;}
2020-05-14 15:08:10
78
原创 vue项目打开默认首页
在router里有个index.js文件export default new Router({ routes: [ { path: '/', redirect:'/home' }, { path: '/home', name: 'home', component: home } ], linkActiveClass:'router-active'//覆盖默认的路由高亮的类})这样项目一刷新就是首
2020-05-14 11:43:21
4147
2
原创 怎么加载首页轮播图
1,获取数据,如何获取,使用vue-resource(npm i vue vue-resource --save-dev)在入口文件main.js中配置import VueResource from 'vue-resource'Vue.use(VueResource)2使用vue-resource的this.$http.get获取数据3获取到的数据,要保存到data身上4,使用v-for循环渲染每个item项...
2020-05-13 15:55:59
210
转载 nrm 与npm 的区别
npmnpm是Node.js 平台的默认包(模块依赖)管理工具Node Package Managernrm一个npm的源管理器(管理工具)允许快速的在 npm 源间切换两者关系npm是Js的包管理器,通过npm安装你所需要的项目包,但是有时候会下载不了,所以就需要用nrm修改下npm的下载源顾名思义,npm是管理包,nrm用来管理npmnrm→npmnpm→包(资源)→项目...
2020-05-08 16:49:46
438
原创 computed,watch methods之间的对比
在computed中,可以定义一些属性,这些属性叫做计算属性,计算属性的本质就是一个方法,只不过,我们在使用这些计算属性的时候,是吧他们的名称直接当做属性来使用的,并不会把计算属性当做方法来调用计算属性,在引用的时候,一定不要加()去调用,直接当做普通属性去使用就好了只要计算属性,这个function内部,所用到的任何data中的数据发送了变化,就会立即重新计算这个计算属性的值计算属性的求值...
2020-05-08 16:08:15
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人