Vue
Tian_____
这个作者很懒,什么都没留下…
展开
-
vue-seamless-scroll
1.实现向上滚动//向上滚动<template> <vue-seamless-scroll :data="projectDesList" :class-option="optionSetting" class="seamless-warp"> <ul class="item"> <li v-for="item in projectDesList" v-text="item.title" :key="item.title">原创 2020-06-12 14:22:04 · 212 阅读 · 0 评论 -
qs模块
简单来说 qs常用的就两种方法qs.stringify() 转换成查询字符串qs.parse() 转换成json对象1.解析对象qs 允许在查询字符串中使用[]的方式创建嵌套的对象。例如,字符串'foo[bar]=baz'可以转换为:qs.parse('foo[bar]=baz' foo: { bar: 'baz' } 可以进行多层嵌套(qs...原创 2020-03-24 13:38:50 · 849 阅读 · 0 评论 -
Vue的生命周期函数
beforeCreate(){alert(‘组件实例刚刚创建,还未进行数据观测和事件配置’);}, created(){ //常用!!! alert('实例已经创建完成,并且已经进行数据观测和事件配置'); }, beforeMount(){ alert('模板编译之前,还没挂载'); }, mounted(){ //常用!!!...原创 2020-02-27 13:39:38 · 96 阅读 · 0 评论 -
vue-router路由跳转
带参数跳转<router-link :to="{name:'home', params: {id:1}}"> // params传参数 (类似post)// 路由配置 path: "/home/:id" 或者 path: "/home:id" // 不配置path ,第一次可请求,刷新页面id会消失// 配置path,刷新页面id会保留 // html 取参 $r...原创 2020-02-27 13:25:34 · 179 阅读 · 0 评论 -
Axios调用本地模拟数据
1.首先把模拟的数据以json的格式存放在public–data的文件夹下格式如下{ "data": { "text": "个人数据", "conditions": [ { "label": "姓名", "name": "name", "text": "张三" }, { "l...原创 2020-02-27 13:08:16 · 679 阅读 · 0 评论 -
Vue的keep-alive控件
keep-alive控件keep-alive控件用于缓存组件,vue内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive是用在一个直属子组件被开关的情形,同时只有一个子组件在渲染,若有v-for则不会工作 注:keep-alive是一个抽象组件,自身不会渲染一个DOM元素,也不会出现在父组件链中 举个栗子:// 页面文件<keep-al...转载 2020-02-24 13:51:22 · 128 阅读 · 0 评论 -
Vue.component自己封装一个组件
封装一个表格组件组件<template> <div> <table> <tr> <td v-for="(c, idx) in cols" :key="idx">{{ c.lable }}</td> </tr> <tr v-for="item ...原创 2020-01-15 14:58:12 · 276 阅读 · 0 评论 -
vue中前进刷新、后退缓存用户浏览数据和浏览位置
keep-alive的使用1.首先在我们的app.vue中定义keep-alive<keep-alive> <router-view v-if="$route.meta.keepAlive"/> </keep-alive> <router-view v-if="!$route.meta.keepAlive"/>...原创 2020-01-14 10:09:41 · 426 阅读 · 0 评论 -
Api接口的模块化管理
Api接口的模块化管理1.模块一import axios from './axios'function login(){ return axios.post('login');}export default{ login}2.模块二import axios from './axios'function vote(){ return axios.post('vote'...原创 2020-01-10 15:39:47 · 987 阅读 · 1 评论 -
Fetch请求的封装
Fetch请求封装import qs from qs//根据环境变量区分接口let baseURL = '';let baseURLArr = [{ type: 'development', url: 'http://127.0.0.1:8080'}, { type: 'test', url: 'http://127.0.0.1:8080'}, { type: 'p...原创 2020-01-10 15:27:54 · 212 阅读 · 0 评论 -
axios二次封装
axios二次封装import axios from 'axios';import qs form 'qs'; //qs为转换格式一般的axios请求: // get请求 axios.get(url, { params: { } }).then(res => { }).catch(error => { });// post请求axi...原创 2020-01-10 10:40:59 · 320 阅读 · 0 评论