Vue
流丶年丶
。。。。。。
展开
-
火狐浏览滚动条设置颜色以及宽度
火狐浏览滚动条设置颜色以及宽度原创 2022-01-17 14:36:00 · 1569 阅读 · 0 评论 -
uni-app:使用uni.downloadFile下载文件并保存到手机
在uni-app中下载文件需要先获取文件的临时路径,然后再进行保存,才算下载成功:// #ifdef APP-PLUS const downloadTask = uni.downloadFile({ url: 'http://xxxxxxxx.com.cn/'+url, //仅为示例,并非真实的资源 success: (res) => { if (res.statusCode === 200) { console.log('下载原创 2021-11-30 16:11:12 · 16797 阅读 · 1 评论 -
2021-04-20
vue监听浏览器返回监听返回mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventListener('popstate', this.goBack, false); }},destroyed转载 2021-04-20 16:43:38 · 217 阅读 · 0 评论 -
element 走马灯实现图片轮播
<template><div id="banner"><!--动态将图片轮播图的容器高度设置成与图片一致--><el-carousel :height="bannerHeight + 'px'"><!--遍历图片地址,动态生成轮播图--><el-carousel-item v-for="item in imgList":key="item">...原创 2020-07-14 17:18:17 · 2010 阅读 · 0 评论 -
css渐变写法 从左到右渐变三种颜色示例
background: linear-gradient(to right,#061aa8,#2bafc2,#fd2a15);实现效果:原创 2020-06-23 18:01:00 · 3282 阅读 · 0 评论 -
Vue刷新页面的三种方式
我们在写项目的时候,经常会遇到,用户执行完某个动作,改变了某些状态,需要重新刷新页面,以此来重新渲染页面。如:用户登录成功、增加、删除、更新等。1.原始方法:location.reload();2.vue自带的路由跳转:this.$router.go(0);用过的人都知道,前两者都是强制刷新页面,会出现短暂的闪烁,用户体验效果不好。所以,我们选择第三种方式:3. 首先在App里面写下如下代码:<template> <div id="app"> ...原创 2020-05-21 18:15:05 · 410 阅读 · 0 评论 -
element table固定表头,表的高度自适应解决方法
主要是通过在mounted生命周期中,改变tableHeight的值,来让表格的高度自适应。标签:<el-table ref="table" :data="tableData" :height="tableHeight"></el-table>vue中的ref解释第一种JS处理方式:export default { data(){ ...原创 2020-03-31 11:22:11 · 3570 阅读 · 2 评论 -
elementUI实现前端分页(2)
data() { return { //return定义 listQuery: { name: undefined, limit: 10, page: 1, value:'' }, total: null, tableData:...原创 2019-12-27 09:51:29 · 244 阅读 · 1 评论 -
vue表单中遍历表单中操作按钮的显示隐藏
1. 第一步先在data中定义数组data () { return { show: [], // 保存和取消的显示隐藏 } };}2.页面中使用 <div class="name" v-if="show[index]">3.重要的一步,push到数组中this.checkList = res.data.data; thi...原创 2019-12-10 11:07:08 · 643 阅读 · 0 评论 -
vue+element实现前端分页及前端搜索功能
页面布局 <template> <div> <el-row> <el-col :span="6"> <el-input v-model="name" placeholder="输入名称搜索">></el-input> ...原创 2019-12-02 13:34:09 · 592 阅读 · 0 评论 -
CodeMirror使用说明
1.首先要先安装vue-codemirror在npm的官网我找到了vue-codemirrorhttps://www.npmjs.com/package/vue-codemirrornpm install vue-codemirror --save接着在main.js里使用import { codemirror } from 'vue-codemirror'import 'code...转载 2019-11-29 15:40:10 · 2142 阅读 · 0 评论 -
js-yaml使用
首先安装js-yamlnpm install js-yamllet content='kind: StoqweqrageClasqwesapiVersion: qwe.k8sqwe.io/v1metadata: name: locaqwel resourceVersion: 'qwe' annotations: kubectl.kubernetes.io/las...原创 2019-11-29 15:34:47 · 4248 阅读 · 0 评论 -
elementUI实现前端分页
按照他的文档来写分页,最主要的是el-table里面展示的数据怎么处理<el-table :data="datatable.slice((currentPage-1)*pageSize,currentPage*pageSize)" border style="width: 100%"> 最主要就是上面标红这一块的处理: datatable是后台取得数据,curr...原创 2019-09-23 14:26:29 · 1345 阅读 · 0 评论 -
vue在IE浏览器下运行空白页(ES6在IE下不兼容的问题)
近期遇到了项目是vue做的,在IE浏览器下打不开,显示空白问题,解决方案如下:打不开的原因是因为少了babel-polyfill处理器,所以第一步需要下载:npm install babel-polyfill --save-dev第二步在package.json文件中显示:第三步引入babel-polyfill:在main.js文件中引入babel-polyfill,也就是...原创 2019-09-20 16:56:28 · 463 阅读 · 0 评论 -
vue-route的history模式下刷新不显示CSS的问题
只需要将index.html中的<link rel="stylesheet" href="./static/cdn/iconfont/iconfont.css">改为<link rel="stylesheet" href="/static/cdn/iconfont/iconfont.css">原创 2019-08-20 13:33:53 · 598 阅读 · 0 评论 -
在vue中,beforeRouteEnter()和beforeRouteLeave()的函数解释!
1、beforeRouteEnter(to, from, next){要执行的代码操作next();}beforeRouteEnter:进入路由之前执行的函数。next();--》 必须有这个,相当于一个按钮开启一样。2、beforeRouteLeave(to, from, next){要执行的代码操作next();}beforeRouteLeave:...原创 2019-06-06 14:15:38 · 2315 阅读 · 0 评论 -
vue2.0 子组件和父组件之间的传值
Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子父组件通信的问题首先我们先搭好开发环境,我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤:打开git ,运行 npm install --global vue-cli 这是安装vue的命令行vue init webpack vue-demo转载 2018-01-22 16:38:08 · 1960 阅读 · 0 评论