keep-alive key <!DOCTYPE html> <html> <head> <title></title> <script type="te…
分类:vue.js教程
vue axios请求频繁时取消上一次请求
一、前言 在项目中经常有一些场景会连续发送多个请求,而异步会导致最后得到的结果不是我们想要的,并且对性能也有非常大的影响。例如一个搜索框,每输入一个字符都要发送一次请求,但输入过快的时候其实前面的请求并没有必要真的发送出…
bootstrap-table formatter 使用vue组件
import { Subject } from "rxjs"; import Vue from "vue"; export const BtEventHub = new Subject(); const VueComLi…
Vue侦测相关api
vm.$watch 用法: vm.$watch( expOrFn, callback, [options] ),返回值为unwatch是一个函数用来取消观察;下面主要理解options中的两个参数deep和immedia…
vue中$refs, $emit, $on, $once, $off的使用
1.$refs的使用场景父组件调用子组件的方法,可以传递数据。 父组件: <div id="app"> <child-a ref="child"></child-a> <butt…
iview的checkbox多选框全选时校验问题
在用iview框架的 checkbox 多选框时 遇到了一个校验问题在iview给的例子中 代码如下 https://www.iviewui.com/compo… <template> <d…
vue 前端阿里云上传图片
1、安装依赖 npm install ali-oss 2、封装client alioss.js import {getAliOssConfigInfo} from "@/services/my";//获取阿里云oss上传…
vue中的过渡动画
前言 记一次vue 组件中使用 transition 和 transition-group 设置过渡动画,总结来说可分为分为 name 版, js 钩子操作类名版, js 钩子操作行内样式版… templat…
前端资源汇总
项目地址 https://github.com/abc-club/f… 本文收集学习过程中使用到的资源。 持续更新中…… 目录 vue react Weex typescript 常用库 js es6 移动端…
前端开发中提到的“脚手架”到底指什么,CLI?gulp 和 gulp-cli有什么区别
一般来说,脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具. gulp和gulp-cli的区别可以看这个task – what does gulp-“cli” stands …
实习项目开发总结
非父子组件间的通信 在src中创建一个eventbus.js作为eventbus的中转站 使用emit与on来在不同组件中监听事件 import Vue from 'vue' export default new Vue…
windows10下,零基础学习VUE(3)-- axios+flask构建前后端通信demo
当前为大纲的内容:待完善中 1. axios axios 安装 npm install axios 参考文档 https://www.kancloud.cn/yunye… 示例demo https://cn.…