- 博客(15)
- 收藏
- 关注
RSS订阅原创 基于vue的限制输入框可输入字节数的解决方案 需求:input输入框输入上限4个字节、达到上限则不能继续输入,其中1个英文表示1个字节、1个中文表示2个字节
基于vue的限制输入框可输入字节数的解决方案 需求:input输入框输入上限4个字节、达到上限则不能继续输入,其中1个英文表示1个字节、1个中文表示2个字节
2022-07-07 15:06:48
1606
原创 js之如何计算两个时间的时间差
无论你拿到的当前时间的格式是怎样的你度需要将其转换为时间戳 这样才比较好计算第一： 如果是默认的Date()类型，直接相减就是相差的毫秒数。第二：如果是两个字符串格式的，需要通过下列方法进行计算。diffType为case对应的参数...
2022-06-30 11:50:20
25557
原创 浅析vue权限管理实现及流程
这篇文章主要介绍了浅谈vue权限管理实现及流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值。一、整体思路后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 addRoutes 动态挂载路由。二、实现要点（1）路由定义，分为初始路由和动态路由，一般来说初始路由只有 login，其他路由都挂载在 home 路由之下需要动态挂载。...
2022-06-28 10:58:33
2349
原创 VueX使用
一、vuex是什么vuex是一个专门为vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件状态，并以相应规则保证状态以一种可观测的方式发生变化。可以理解为：将多个共享的变量全部存储在一个对象里面，然后将这个对象放在顶层的vuex实例中，让其他组件可以共享这个对象里的变量，它最大的特点就是响应式。通俗来说：Vuex其实就是一个状态管理工具，所谓的状态，就是数据，通过这个工具进行管理某些数据。当多个组件都需要同一个数据时，可以将这个数据交给Vuex进行统一的管理，组...
2022-05-26 15:14:40
947
原创 数组filter、find、map、some、every、reduce的用法
一、filter数组的过滤或筛选功能，根据筛选条件返回一个包含符合条件元素的新数组，不影响原数组，筛选条件写在一个函数中let arr= [ {id:1,name: "a", age: 18}, {id:2,name: "b", age: 15}, {id:3,name: "c", age: 16}, {id:4,name: "d", age: 17}, {id:5,name: "e", age: 19}]let newarr=arr.f...
2022-05-17 15:26:47
369
原创 vue防表单提交按钮多次点击，重复提交
Vue.directive('preventReClick', {inserted(el, binding) {el.addEventListener('click', () => {if (!el.disabled) {el.disabled = truesetTimeout(() => {el.disabled = false}, binding.value || 3000)}})}});
2022-05-07 09:41:29
1074
原创 JavaScript中forEach () 的用法
forEach()1. foreach语 句是java5的新特征之一， 在遍历数组、集合方面，foreach为 开发人员提供了极大的方便。 1.foreach语句是java 5的新特征之一，在遍历数组、集合方面，foreach为开发人员提供了极大的方便。2. foreach语句是for语 句的特殊简化版本，但是foreach语 句并不能完全取代for语句，然而，任何的foreach语句都可以改写为for语 2.语句是for语句的特殊简化版本，但是foreach语句并不能完全取代for语句，然而，任何的.
2022-04-21 09:16:50
18378
原创 Vue父组件调用子组件的方法
vue中如果父组件想调用子组件的方法，可以在子组件中加上ref，然后通过this.$refs.ref.method调用，例如：父组件：<template> <div @click="fatherMethod"> <child ref="child"></child> </div></template><script> import child from '~/components/dam
2022-04-19 17:20:02
22465
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人