- 博客(64)
- 收藏
- 关注
RSS订阅
2原创 el-form特殊字符校验
el-form文本框输入特殊字符校验，除中文句号，逗号，双引号，小括号，冒号，英文句号，逗号，双引号，小括号，冒号外，其余特殊字符全部禁止输入。
2022-07-16 14:22:38
1409
原创 el-date-picker时间范围控制
要求年份不能写死，无论现在几几年，都应该显示对应的年份。format=“yyyy”显示格式。timeRange时间限制。
2022-07-16 11:08:55
692
原创 Vue + element实现动态表格表单
在实际开发过程中，有可能遇到树结构+表格展示数据的要求。比如页面左边是Tree树型控件，右边为table表格。要求点击左边树，右边展示出对应的表格数据。这时就需要动态展示表格。Tree控件<el-tree :props="treeProps" :isLazy='false' :data="treeData" :highlight-current="true" :expand-on-click-node="false" @node-click="treeClick
2022-07-15 14:18:42
1632
原创 router和keep-alive
router的使用this.$router.replace('/home')，无法前进后退。this.$router.push('/home') 可以前进后退// 路由的全局对象，包含所有的路由对象console.log(this.$router)// 当前活跃对象console.log(this.$route)// 点击函数中router携带参数this.$router.replace({ path: '/profile', query: {
2022-04-26 14:10:55
1787
原创 Vuex监听
Vuex状态管理的数据有时候可能改变，这时候如果不进行监听，会出现状态管理数据并未动态改变的情况。在vue页面中使用state中的数据时，如果将state数据赋值给data中的数据再进行使用的话，将拿不到vuex状态管理的值。可以直接使用this.$store.state.xxx.一、Vuex数据监听//1.在computed中把数据返回computed: { test() { return this.$store.state.testflag }},immediate
2022-04-26 10:15:53
3480
原创 Axios实际Vue项目运用
1.request.js封装(所有模块都可使用)import axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'a', timeout: 5000 }) // 2.axios的拦截器 // 2.1 什么情况下需要进行拦截 =》 1.比如config中的一
2022-04-25 10:52:50
108
原创 Axios的封装使用
封装一个request.js，目前暂时将使用放在main.js。baseURL的使用是由于在项目开发中许多接口的前缀一致，所以可以用baseURL将前缀代替。方式一：//request.jsexport function request(config,success,failure) { // 如果想把结果回调出去，举例加上success和failure // 创建axios的实例 const instance = axios.create({ baseURL: 'a',
2022-04-25 10:22:07
311
原创 Axios的基本使用
1.axios的基本使用axios({ url: "...................", method: 'get'}).then(res => { console.log(res)})2.axios发送并发请求axios.all( [ axios({ url: "...................", }), axios({ url: ".....................", params: {
2022-04-25 09:57:07
87
原创 JS高阶函数 filter/map/reduce
// 需求取出所有小于100的数字，下面的是常规方法。 const nums = [10,20,111,222,444,40,50] let newNums = [] let bug = 0 for(let n of nums) { if(n < 100) { newNums.push(n*2) bug = bug + n*2 ..
2022-04-22 11:46:03
117
原创 Vue + element 全局使table复选框位置居中
首先添加一个base.css文件.el-table--border th:first-child .cell, .el-table--border td:first-child .cell { padding: 0,}main.jsimport ".components/base.css"这样所有table就全局居中了。
2022-04-22 11:24:09
2164
原创 Vuex状态管理接口返回数据
store下面的index.jsstate: { param1: true,},mutations: { function1(state,val){ state.params1 = val }},actions: { function1(context) { context.commit('function1') }}某Vue文件axios({ method: 'GET', url:`........`, params:{},}).then(({
2022-04-22 11:16:09
480
原创 this.$confirm提示框
this.$confirm确认提示框this.$confirm("是否确认删除选中数据","提示",{ confirmButtonText: "确定", cancelButtonText: "取消", cancelButtonClass: "btn-cancel", confirmButtonClass: "btn-confirm", type: "warning",}).then(() => { }).catch(() => {})...
2022-04-22 10:16:57
974
原创 Swiper+Vue实现轮播图
Swiper版本：5.4.5vue-awesome-swiper版本：3.1.3Vue-cli3Vue:2.9.6首先需要先安装Swipernpm install vue-awesome-swiper swiper@5.4.5 --savemain.js中的配置import Swiper from "vue-awesome-swiper";import "swiper/css/swiper.css";// swiper插件使用Vue.use(Swiper)Swiper组件封装&
2022-04-19 16:43:56
233
原创 JS闭包理解
setInterval 和 settimeout 的区别setInterval是每隔设定的一段时间，就执行一遍设定的函数，如果不执行clearInterval()，就会一直重复下去。settimeout是到指定时间执行一次，就只会执行这一次，clearTimeout()可以中断该执行。let second = 0function counter() { second += 1 return second}const recordSecond = setInterval(functio
2022-04-12 22:29:02
341
原创 jQuery—stop和delay方法
// Html部分 <button>开始动画</button> <button>停止动画</button> <div class="one"></div> <div class="two"></div> // CSS部分 *{ margin: 0; padding: 0; } .one..
2021-10-27 00:04:32
193
原创 jQuery—自定义动画
演示视频 // Html部分 <button>操作属性</button> <button>累加属性</button> <button>关键字</button> <div class="one"></div> <div class="two"...
2021-10-26 17:21:30
874
原创 jQuery—弹窗广告
实现弹窗广告出现消失再出现，点击X号广告消失 // Html部分 <div class="ad"> <img src="leader.png"> <span></span> </div> // CSS部分 *{ margin: 0; padding: 0; } .ad{ position:fixed;
2021-10-26 16:44:47
256
原创 Vue+element—多选表单如何传“选中值”给后端
选中传1，未选中传0的情况。 // Html部分示例 <el-checkbox label="XXXXX" v-model="form.XXXXX" :checked="form.XXXXX == 1 ? true : false" true-label="1" false-label="0" ></el-checkbox&g
2021-10-13 17:12:25
1253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人