程序猿_“大神”-优快云博客

节流：函数的节流就是预定一个函数只有在大于等于执行周期时才会执行，周期内调用不会执行。好像一滴水只有积攒到一定重量才会落下一样。我们想要的是在规定时间内只能执行一次，比如1秒内只能执行一次.无论你点击多少次<button id='show'>抢购</button><div id="box">0</div>// 点击调用节流函数show.onclick = throttle(qianggou, 1000)...

2022-05-05 18:45:58 255

原创 vue 按钮权限

先创建个js文件import Vue from "vue"import store from "../store"// 按钮权限自定义指令方法Vue.directive("has",{ inserted : function (el,binding){ // 获取后台返回按钮权限数据 const data = store.state.actionList // 获取当前按钮所绑定的权限 const value = binding.value //.

2022-04-16 10:33:14 660

原创 vue 路由权限，菜单权限

router/index 不用再写子路由import Vue from 'vue';import VueRouter from 'vue-router';import login from '../views/login';Vue.use(VueRouter);const routes = [ { path: '/login', name: 'login', component: login, meta : { title : "登录...

2022-04-16 09:55:02 1785

原创 vue本地存储

export default { data() { return { title: "", status: false, list: [], }; }, methods: { //添加 add() { //添加一个变量获取本地 let lists = JSON.parse(localStorage.getItem("list")) || []; //筛选数据 let .

2022-03-30 17:14:31 945

原创 vue 本地跨域

在vue开发中实现跨域：在vue项目根目录下找到vue.config.js文件（如果没有该文件则自己创建），在proxy中设置跨域module.exports = { devServer:{ proxy: { //配置跨域 '/dev-api': { //目标接口域名 ,dev-api 自定义标识,用来识别带dev-api的请求 target: '地址',// 实际需要访问的接口域名 changeOrigin:true,// 如果接口跨域，需.

2022-03-28 15:30:55 2038

原创 vue2 子传父，父传子,v-model双向绑定

父传子在components里面创建子组件aaaChild.vue//子组件<aaa-child :list="list" @add="add"></aaa-child>data() { return { list:[ { name:'小明', age:18 }, { name:'小红', age:16 } .

2022-03-21 13:32:36 1601

原创 vue 增删改

添加数据<div class="header"><input type="text" v-model="title" /><button @click="add">添加</button></div> data() { return { title:"" } },methods: { add(){ if(this.title == ''){ alert('不能为空')

2022-03-17 17:14:54 717

原创 vue路由详解

路由分为编程式路由和声明式路由定义路由对象const router = new VueRouter({ routes:[ { path: '/', name: '', // redirect: '/index', 路由重定向的位置（意思就是要把页面定向到哪一个页面） redirect: { // 可以是下面五种跳转方法中的任何一种方式

2022-03-11 15:19:41 289

原创 CSS样式重置

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .

2022-03-11 14:36:25 91

原创 vue3 随机切换背景图片

<template> <div>  <div class="home" :style="{ backgroundImage: `url(${data.backgroundImage})` }"></div> <button @click="changeIma.

2022-03-08 20:10:20 2898

原创 vue3模态框封装

先把app.vue的高度修改一下html,body,#app { height: 100%; overflow: hidden; margin: 0;}父组件<template> <div class="home"> <div>模态框<button @click="data.showMask = true">点击</button></div> <transition nam.

2022-03-08 16:29:59 844

原创 vue3 上拉下拉过度动画

效果图代码<template> <div class="home"> <div class="header"> <span>未完成</span><span @click="data.showTask = !data.showTask">></span> </div> <transition name="task"> &l..

2022-03-08 15:47:01 1434 1

原创 vue3父子传值

vue3 父子传值

2022-03-08 15:09:42 1314

原创用vant 实现上拉刷新下来加载

<template> <div class="home"> <ul class="tabs"> <li :class="curTab === item.tab ? 'active' : ''" @click="choseTab(item.tab)" v-for="item in tabs" :key="item.tab">{{item.name}}</li> </ul> <van-pull.

2022-03-07 19:30:35 593

空空如也

空空如也