vue区
#Ltf
在读本科
展开
-
element 表格滚动 hover移入 暂停
element 实现table自动滚动,移入暂停,移除恢复滚动效果原创 2023-05-17 17:09:29 · 339 阅读 · 0 评论 -
vue3 指令鉴权(权限控制)
【代码】vue3 指令鉴权(权限控制)原创 2023-04-22 20:02:16 · 455 阅读 · 0 评论 -
vue-拖拽指令 (v-drag)
vue2完整版,自定义指令实现原创 2022-10-31 14:49:58 · 1699 阅读 · 0 评论 -
element-ui 封装季度选择框
封装季度选择框 完成代码原创 2022-09-02 17:53:02 · 665 阅读 · 0 评论 -
vue 文件下载导出-功能齐全
vue excel表格导出下载原创 2022-08-19 11:04:44 · 230 阅读 · 0 评论 -
函数节流-Throttle
Vue Throttle完美实现--函数节流 throttle原创 2022-08-18 19:37:51 · 95 阅读 · 0 评论 -
vue $refs validate校验不生效
代码】vue $refs validate校验不生效。原创 2022-08-10 18:29:57 · 2856 阅读 · 0 评论 -
vue 封装 axios
首先在vue项目src中建一个network(随意取)文件夹,里边两个文件,分别是request.js,home.jshome.js对应着在哪一个模块中发送请求,这里home.js就代表在home页面中发送的请求,其他页面请求可以另起文件名request.js如下import axios from 'axios'export function request(config){ const instance = axios.create({ // baseU原创 2021-04-12 09:38:54 · 76 阅读 · 0 评论 -
vue 导航守卫 判断用户是否登录
如果用户访问登录页面,则直接放行如果用户访问具有权限的页面时,首先检测有没有token值。有,则表示用户已登录,直接放行,如果没有token值,则强制跳转到登录页// to代表将要访问的路径// from代表从哪个路径跳转过来// next是函数,表示放行router.beforeEach((to,from,next) => { if(to.path === '/login') return next(); const tokenStr = window.sessionStorag原创 2021-03-25 20:16:39 · 424 阅读 · 0 评论 -
Vue 轮播图的使用
Swiper.vue<template> <div id="hy-swiper"> <div class="swiper" @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd"> <slot></slot> </div> <slot name="indicator">原创 2021-03-22 20:31:15 · 160 阅读 · 0 评论 -
vue vue-lazyload图片懒加载
插件 vue-lazyload1.通过npm下载 npm install vue-lazyload--save2.在main.js中引入 import vueLazyLoad from vue-lazyload3.在main.js使用Vue.use(vueLazyLoad)或者后面跟一个对象Vue.use(vueLazyLoad,{ loading:require('路径')//这个路径下的图片是懒加载下的图片加载之前显示的})4.把组件中的 <img :src="" a原创 2021-03-21 18:48:03 · 70 阅读 · 0 评论 -
vue fastclick 解决移动端300ms延时
插件 fastclick1.通过npm下载 npm install fastclick --save2.在main.js中引入 import fastclick from fastclick3.main.js使用fastclick.attach(document.body)原创 2021-03-21 17:22:55 · 70 阅读 · 0 评论 -
vue中 ref使用说明
ref如果是绑定在组件中,那么通过this.refs.refname获取到的是一个组件对象。ref如果是绑定在普通元素中,那么通过this.refs.refname获取到的是一个组件对象。ref如果是绑定在普通元素中,那么通过this.refs.refname获取到的是一个组件对象。ref如果是绑定在普通元素中,那么通过this.refs.refname获取到的是一个元素对象例:元素对象 <template> <div class="wrapper" ref="wrapper"原创 2021-03-12 10:53:10 · 245 阅读 · 0 评论 -
(vue语法)购物车搭建
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>购物车</title> <link rel="stylesheet" href="./index.原创 2020-11-28 14:55:07 · 85 阅读 · 0 评论 -
vue 子组件传父组件 实现功能
<script src="../vue.js"></script> <script> window.onload = function(){ //父组件 const app = new Vue({ el:"#order", data:{ total:0 }, .原创 2020-12-01 18:05:20 · 70 阅读 · 0 评论 -
better-scroll的基本使用
//默认情况下BScroll是不可以实时监听滚动位置的、//probe 监测probeType默认值:// 0 1 都是不监听实时位置// 2 在手指滚动的过程中侦测,手指离开后的惯性滚动过程不检测// 3 在手指滚动及手指离开后的惯性滚动过程都实时检测//第一个参数为最外层父元素,且里面只放一个亲子元素 。 this.scroll = new BScroll(".wrapper",{ probeType:3, click:true,//当click为tr原创 2021-03-11 18:43:07 · 195 阅读 · 0 评论