vue项目中的方法逻辑
vue
程序猿_“大神”
这个作者很懒,什么都没留下…
展开
-
vue封装添加编辑模态框共用的方法
vue封装添加编辑模态框共用的方法原创 2022-10-28 17:13:16 · 671 阅读 · 0 评论 -
vue3 随机切换背景图片
<template> <div> <!-- :style="{ backgroundImage: `url(${data.backgroundImage})` }" 背景图片,可变量 --> <div class="home" :style="{ backgroundImage: `url(${data.backgroundImage})` }"></div> <button @click="changeIma.原创 2022-03-08 20:10:20 · 2690 阅读 · 0 评论 -
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 · 620 阅读 · 0 评论 -
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 · 1670 阅读 · 0 评论 -
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 · 910 阅读 · 0 评论 -
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 · 681 阅读 · 0 评论 -
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 · 1997 阅读 · 0 评论 -
Vue 防抖与节流
节流:函数的节流就是预定一个函数只有在大于等于执行周期时才会执行,周期内调用不会执行。好像一滴水只有积攒到一定重量才会落下一样。 我们想要的是在规定时间内只能执行一次,比如1秒内只能执行一次.无论你点击多少次<button id='show'>抢购</button><div id="box">0</div>// 点击调用节流函数show.onclick = throttle(qianggou, 1000)...原创 2022-05-05 18:45:58 · 223 阅读 · 0 评论 -
vue路由详解
路由分为 编程式路由和声明式路由 定义路由对象const router = new VueRouter({ routes:[ { path: '/', name: '', // redirect: '/index', 路由重定向的位置(意思就是要把页面定向到哪一个页面) redirect: { // 可以是下面五种跳转方法中的任何一种方式原创 2022-03-11 15:19:41 · 241 阅读 · 0 评论