![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
一只一只妖
不要说不好听的话 这都是我写给自己看的 你看见了就是缘分
展开
-
循环数组时按顺序执行请求(el-select可多选可查询填写评估人)
remoteSearch(query){ if(this.nameArr.indexOf(query) > -1 || query == "" || query.length < 2){ this.selectChange(); return; } let params = { searchValue: query, pageNum: "1", pageSize: "100",原创 2021-08-17 23:58:43 · 122 阅读 · 0 评论 -
vue实现复制功能
copy(data) { let url = data; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象; console.log(oInput.value) document.execCommand("Copy"); // 执行浏览器复制命令原创 2021-08-17 23:16:59 · 102 阅读 · 0 评论 -
【转】Vue父子组件之间和非父子组件之间传值
点击这里,Vue父子组件之间和非父子组件之间传值转载 2021-04-16 20:33:48 · 86 阅读 · 0 评论 -
手把手学习VUE
绝了,学这一个就够了,太牛了!!!转载 2021-04-16 00:08:45 · 81 阅读 · 0 评论 -
【转】webpack配置别名和全局变量(resolve.alias&& ProvidePlugin)
点击这里,webpack配置别名和全局变量(resolve.alias&& ProvidePlugin)转载 2021-04-15 22:15:33 · 327 阅读 · 0 评论 -
vue插件的install方法
vue-i18n.jsMyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive', { bind (el, binding, vnode, oldVnode) { // 逻辑... } ... })转载 2021-04-15 21:35:16 · 1556 阅读 · 0 评论 -
【转】vuex结合mixin的使用
点击这里,vuex结合mixin的使用转载 2021-04-15 18:58:04 · 147 阅读 · 0 评论 -
路由拦截小实例
config.jsexport default { method: "get", // 基础url前缀 baseURL: "http://localhost:8080/", // 请求头信息 headers: { "Content-Type": "application/json;charset=UTF-8", }, // 参数 data: {}, // 设置超时时间 timeout: 10000, // 携带凭证 // withCredential原创 2021-04-15 18:47:31 · 254 阅读 · 0 评论 -
【转】封装 axios 模块,url配置、api请求、拦截器
封装要点统一 url 配置统一 api 请求request (请求) 拦截器,例如:带上token等,设置请求头response (响应) 拦截器,例如:统一错误处理,页面重定向等根据需要,结合 Vuex 做全局的 loading 动画,或者错误处理将 axios 封装成 Vue 插件使用点击这里,查看封装 axios 模块...转载 2021-04-15 14:53:57 · 87 阅读 · 0 评论 -
【转】vue之...mapActions的使用
点击这里,vue之…mapActions的使用转载 2021-04-15 14:39:01 · 1696 阅读 · 0 评论 -
【转】vue路由懒加载的两种方式
点击这里,vue路由懒加载的两种方式转载 2021-04-15 00:37:02 · 91 阅读 · 0 评论 -
【转】用户登录的简单实现思路,包含路由拦截
1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次调后端接口,都要在请求头中加token6、后端判断请求头中有无token,有token,就拿到token并验证token,验证成功就返回数据,验证转载 2021-04-13 15:54:55 · 395 阅读 · 0 评论 -
使用vuex实现登录,vuex基本使用方法
1.store/index.jsimport { createStore } from 'vuex'import { Login } from '@/api/user' //引入登录方法export default createStore({ //vuex的基本数据,用来存储变量 state: { token: '' }, //提交更新数据的方法,必须是同步的 mutations: { SET_TOKEN: (state, t原创 2021-04-13 20:17:55 · 1766 阅读 · 0 评论 -
store.commit和store.dispatch的用法
点这里原创 2021-04-13 19:57:59 · 705 阅读 · 0 评论 -
vue中使用mockjs模拟接口
1.mock/request.js使用axios.create,定义基础路径import axios from 'axios'const instance = axios.create({ baseURL: '/api/'})export default instance;2.mock/index.js设置接口的使用import { message } from 'ant-design-vue/es'import instance from './request'expo原创 2021-04-13 19:10:51 · 183 阅读 · 0 评论 -
axios.create的使用
axios.create()是添加了自定义配置的新的axios1.用axios发送请求axios({ method:'POST', url:'http://localhost:8080/login', data})2.用axios.create创建一个新的axios发请求cosnt instance = axios.create({ baseURL:'http://localhost:8080/' //基础路径})instance({ url: '/login',原创 2021-04-13 16:23:11 · 17571 阅读 · 1 评论 -
babel-plugin-import 插件的使用
babel-plugin-import是一款babel插件,在编译过程中将import的写法自动转换成按需引入的方式.安装npm i babel-plugin-import -D在babel.config.js中配置"plugins": [ [ "import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "原创 2021-04-13 13:40:28 · 1135 阅读 · 0 评论 -
【转】vue中两种history和hash模式的使用
点这里查看vue中两种history和hash模式的使用转载 2021-04-13 13:27:16 · 75 阅读 · 0 评论 -
Ant Design删除操作弹出对话框
delete(id) { this.$confirm({ title: "确定删除?", content: "删除后将无法恢复", onOk: async () => { let res = await delItem(id); //delItem()是删除传参操作 if (res.data.success) { this.$ms("删除成功"); this.getList(); //getList()是获取列表传参操原创 2021-04-12 19:09:37 · 2381 阅读 · 1 评论 -
async和await的使用
async表示函数里有异步操作,await表示紧跟在后面的表达式需要等待结果// vuemethods: { async getList() { let res = await axios.get("http://mock/userlist"); this.data = res.data.userlist; this.count = res.data.count; }}...原创 2021-04-12 01:54:52 · 151 阅读 · 0 评论 -
Vue.component封装组件并注册使用
1.ConterContainer.vue<template> <div class="conterContainer"> <slot></slot> </div></template><script>export default {};</script><style>.conterContainer { display: flex; display: -webk原创 2021-04-11 17:56:04 · 347 阅读 · 0 评论 -
Vue.mixin封装多个事件并全局注册使用
1.mixin.jsimport axios from "axios"export default options => { return { data() { return {} }, methods: { $get(url, params) { return axios.get(url, { params原创 2021-04-11 17:45:48 · 410 阅读 · 0 评论 -
ant design vue简单登录界面
<template> <div class="login-container"> <h2 class="login-title">我的登陆页面</h2> <a-form ref="form" :model="form" class="login-form"> <h2 class="title">用户登录 LOGIN</h2> <a-form-item> .转载 2021-04-10 22:41:59 · 3530 阅读 · 2 评论 -
vue中的provide与inject
provide和inject提供依赖注入实现跨层级组件(祖孙)间通信一、vue2中的provide与inject<template> <div> <h2>父级组件</h2> <hr /> <Child /> </div></template><script> import Child from "./Child.vue"; export default { .原创 2021-04-01 17:53:53 · 139 阅读 · 0 评论 -
微信端、PC端通过base64上传图片
1、微信端上传图片// 调起微信上传图片uploadImgWx(){ var that = this; wx.chooseImage({ count: 9, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'c...原创 2020-04-09 14:29:04 · 390 阅读 · 0 评论 -
vue中动态加载事件的使用
formatHandle(treeId,treeNode) { var aObj = $("#myDiv"); htmlStr += '<span class="btn btn-details see" onClick="view('+"'"+treeId+"'"+',' + treeNode.id+','+ treeNode.pId+ ')" title="新增下一级">添加...原创 2020-03-10 16:37:14 · 904 阅读 · 0 评论 -
vue实现局部刷新
情况一、 原生或jquery项目中引入vue.js时的局部刷新// html<tr v-for="(OrderItem,index) in OrderList" v-if="alive"> ... <td> <span v-if="!OrderItem.isState" buttonCode="CONFIRM" @click="confirmBa...原创 2020-03-09 16:06:47 · 2808 阅读 · 0 评论 -
v-bind 条件绑定多个class属性
<tr v-for="(tableOrderItem,index) in waitScheduleOrder" v-bind:class="{seeBlue:tableOrderItem.int1 == 1,seeRed:tableOrderItem.int1 == 2}">原创 2020-03-02 16:06:42 · 2836 阅读 · 0 评论 -
订单之间相互拖拽排序(也可本身拖拽排序)、统计数据也跟随变化
订单之间相互拖拽排序(也可本身拖拽排序)、统计数据也跟随变化“班次调整”代码流程// 点击班次调整classesAdjust(){ var that = this; $("#classTableId tr.see").removeClass('active'); $("#classTableId tr.see .btn").hide(); if(that.currentClasses...原创 2020-01-10 15:29:46 · 226 阅读 · 0 评论 -
【转】vue项目打包部署——nginx代理访问
【转】vue项目打包部署——nginx代理访问转载 2019-12-05 09:56:16 · 201 阅读 · 0 评论 -
vue中加入sortable拖拽 数据拖拽增删问题
两个数组分别用来:页面展示和拖拽数据传递页面展示拖拽数据传递(哈哈 写给自己的 我能看懂就好~ 若你看见了那就是缘分)原创 2019-09-27 17:41:46 · 919 阅读 · 0 评论 -
Sortable.js 插件的使用
添加链接描述转载 2019-09-12 10:25:02 · 1010 阅读 · 0 评论 -
转载:Vue学习笔记——Vue-router
Vue学习笔记——Vue-router转载 2019-08-27 00:05:23 · 130 阅读 · 0 评论 -
vue 自定义函数
vue 自定义函数/** * 存储localStorage */export const setStore = (name, content) => { if (!name) return; if (typeof content !== 'string') { content = JSON.stringify(content); } window.localStorage...转载 2019-08-26 23:57:16 · 1292 阅读 · 0 评论 -
vue路由 router.js
1、先引入vue,vue-router文件和各组件import Vue from 'vue'import Router from 'vue-router'import Logsj from "@/pages/Logsj"import Logmm from "@/pages/Logmm"import Index from "@/pages/Index"import Detail from...原创 2019-08-26 23:42:38 · 1252 阅读 · 0 评论