Vue
no -n
这个作者很懒,什么都没留下…
展开
-
为做响应式布局的之前
<template> <page-layout> <div v-loading="pageLoading"> <div class="reportDetail"> <div class="tag"> <a-tag color="#c69b6a" v-if="report....原创 2020-03-24 09:36:17 · 209 阅读 · 0 评论 -
前端搜索方式
onSearch(val) { window.removeEventListener('scroll', this.handleScroll); let data = { Size: this.total }; if (val == '') { getFactorSet(data).then(res => this.getIndexInf...原创 2020-03-21 14:29:23 · 224 阅读 · 0 评论 -
全:前端数据筛选
allTagChange(checked) { //'全部'被选中 if (this.selectedTags.length == 0 || checked) { this.allTagStatus = true; this.selectedTags = []; this.getIndexInfo(); thi...原创 2020-03-20 16:57:52 · 1827 阅读 · 0 评论 -
写给自己的文件上传攻略以及el-upoad使用详解
在文件上传前做类型大小等限制一种方式是,加accpet属性<el-upload class="upload-demo" :multiple="true" :action="action" accept="image/jpeg,image/gif,image/png,image/bmp" :file-list="fileList" :before-upload="beforeAvatar...原创 2020-01-02 17:16:57 · 844 阅读 · 0 评论 -
element ui 自适应布局
灵活使用span中的值的变化来操控自适应布局。可以达到自适应的效果。官方的自适应布局是:响应式:<el-row :gutter="10"> <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div class="grid-content bg-purple"></div></el-co...原创 2019-12-27 16:05:33 · 18940 阅读 · 0 评论 -
第一个需求:逆序插入到列表中
疑难百度结果:this.$nextTick()在页面交互,尤其是从后台获取数据后重新生成dom对象之后的操作有很大的优势,这里只是简单的例子,实际应用中更为好用~示例: client/detailhtml<el-row> <el-card class="box-card" style="margin-bottom: 20px"> <...原创 2019-12-19 15:46:10 · 205 阅读 · 0 评论 -
Vue中使用 j s
在Vue中新建.js文件:将js代码封装在函数中:function love() {//写入js代码}//暴露出来export { love}import {love} from '../plugins/love.js'//写入函数mounted: function () { return love() }...原创 2019-10-28 16:43:28 · 338 阅读 · 0 评论 -
vue cli4中写入jQuery
npm install jquery --save新版本不用配置其他的import $ from 'jquery'直接写入 jquery语法methods: { slide() { $('.introduce').slideUp('slow'); $('.introduce').addClass("up"); event....原创 2019-10-28 13:00:52 · 2974 阅读 · 7 评论 -
我是如何完成一个基础登陆页面账号密码验证机制的
原理:1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次调后端接口,都要在请求头中加...原创 2019-10-28 10:09:39 · 1581 阅读 · 0 评论 -
vue实现背景图随机
backgroundImage背景图片样式1,写一个图片数组的js文件// 背景图片随机生成import bg1 from './1.jpg'import bg2 from './2.jpg'import bg3 from './3.jpg'import bg4 from './4.jpg'import bg5 from './5.jpg'import bg6 from './6....原创 2019-10-26 20:17:12 · 1774 阅读 · 0 评论 -
Vue学习过程
1.安装node.js2.安装Vue cli原创 2019-09-17 12:50:44 · 180 阅读 · 0 评论