![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 56
Good 奈斯
畅游在代码的海洋里,卑微的学着。
展开
-
Git 教程
入门教程git入门教程展示帮助信息git help -gThe command output as below:The common Git guides are: attributes Defining attributes per path cli Git command-line interface and conventions core-tutorial A Git core tutorial fo.转载 2021-06-23 10:27:59 · 125 阅读 · 0 评论 -
vue解析表格数据成json,并且分片上传
这个不用说npm i XLSX -S然后解析<el-upload class="upload" action="" :multiple="false" :show-file-list="false" accept="csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"原创 2021-06-08 11:25:45 · 372 阅读 · 0 评论 -
VUE中使用UEditor百度富文本编辑器
我相信大家都能够对 vue 项目有了一个基本的认知。现在是不是已经开始上手做自己的项目了呢?呵呵,当然这是极好的。但是我们一般用 vue 来制作管理后台,在制作管理后台的时候,不可避免的,我们需要用到富文本编辑器。我尝试过 github 上的若干富文本编辑器,虽然能够实现一部分需求,但是还是不能充分满足我的需求。而百度推出的 UEditor 编辑器口碑不错,文档充分,还是很不错的选择(百度能有...原创 2020-04-15 11:53:04 · 1284 阅读 · 0 评论 -
时间戳转时间格式
filters: { formatDate: function(value) { // console.log('时间戳',value) value = `${value}000`; //如果后台传的value为10位数,则需要在后面加三个0. value = Number(value); let year = new Date(value)...原创 2020-01-08 10:34:13 · 131 阅读 · 0 评论 -
vue element 表格根据后台返回的数据来决定展示数据还是可操作的按钮
vue element 表格根据后台返回的数据来决定展示数据还是可操作的按钮原创 2019-12-24 10:43:03 · 1522 阅读 · 0 评论 -
侧边栏与高度适应
js侧边栏在我新手时期,也写过许多的侧边栏,侧边栏的要求很简单,和屏幕高度保持一致,并且功能项能在内部进行滚动,当时的我也是煞费苦心,为了能够准确地自适应,不得不用js去进行实现$(window).resize(function(){ let sidebar = $('#dashboard-sidebar'); sidebar.css('height', 'auto'); ...转载 2019-12-03 15:40:07 · 1042 阅读 · 0 评论 -
复制粘贴
1、引入clipboard.js,方法如下: 第一种直接npm安装:npm install clipboard --save 第二种:<script src="js/clipboard.min.js"></script>(下载地址:https://clipboardjs.com/)2、在需要使用的组件中import 引用方法:import Clipboard ...原创 2019-10-19 16:21:28 · 140 阅读 · 0 评论 -
vue中class渲染颜色 多种只取一种
<template> <div class="hello"> <button @click="addFn">提交</button> <h1>{{msg}}</h1> <p :class="[sum[index]]">颜色</p> </div></...转载 2019-08-15 23:27:55 · 572 阅读 · 0 评论 -
Vue中对数值进行保留小数点后两位的处理
废话不多说,上代码vue渲染页面时,处理后台返还的数据!<div class="text primary-text"> <span>合计:</span> <span class="money">¥{{totalMoney | numFilter 这里是下面对应的值}}</span></div>toFixed方...原创 2019-08-15 12:13:00 · 30730 阅读 · 4 评论 -
vue 的点击事件怎么获取当前点击的元素
首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的,在点击的函数中 添加$event 参数就可以比如<button @click = “clickfun($event)”>点击</button>methods: { clickfun(e) { // e.target 是你当前点击的元素 ...转载 2019-08-10 16:29:43 · 11780 阅读 · 0 评论 -
CSS object-fit属性
妈妈再也不用担心我的背景图适应问题首先了解下object-fit的几个属性: object-fit: fill; object-fit: contain; object-fit: cover; object-fit: none; object-fit: scale-down;fill: 中文解析“填充”...原创 2019-08-02 09:53:38 · 232 阅读 · 0 评论 -
vue-router 切换页面之2
切换页面两点实现1.如何判断切换路由时是前进还是后退2.每次切换时向左向右切换动画如何实现我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画.router/index.jsimport VueRouter from 'vue-router'import Home from '../components...原创 2019-08-07 22:21:51 · 244 阅读 · 0 评论 -
Vue-router 切换组件页面时进入进出动画之1
把页面跳转的<router-view></router-view>包起来 // 用transition 把切换组件页面的容器包含 <transition name="slide-fade"> <router-view></router-view> </transition>废话不多说...原创 2019-08-07 21:56:05 · 340 阅读 · 0 评论 -
vue计算属性做动态数据判断
具体教程见vue官网看到本篇文章,你可能就是不知道如何用vue计算属性 可能也看了上面的官网 和其他博客 可能看的自己一脸懵逼下面本人展示俩案例 直接上代码案例一, computed: { // 计算属性 arr(){ return this.list.wnd || [] //判断是否为空 为空返回 [] ,不为空返回 this.list...原创 2019-07-31 21:11:37 · 3201 阅读 · 0 评论 -
Websocket:看完让你彻底搞懂Websocket原理 即时消息通讯
http://goeasy.io/cn/pricing封装好的socket Web消息推送系统,便捷实现web端消息推送,原生的封装参考:https://blog.csdn.net/young_phper/article/details/52441143分割线-------------------------------------------------------------------...转载 2019-07-26 13:20:54 · 1243 阅读 · 0 评论 -
背景图铺满全屏
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>cover Screen</title> <style> body{ margin:0px; ...原创 2019-07-30 17:28:45 · 762 阅读 · 0 评论 -
vue 实现60秒倒计时 然后再次点击事件加载
本人感觉特别简单的实现方法 不用啥计时器啊啥的 vue多强大 废话不多说 下面就是怼代码复制即用点击按钮倒计时 <button @click="getlogin" class="btn-bottom" type="primary" :disabled="disabled">{{ btnText }}</button>data定义 data () { ...原创 2019-08-02 16:26:28 · 3497 阅读 · 4 评论