![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
兮夏-
一起加油
展开
-
vue 自定义水印插件
vue 水印插件 插件:directives.js原创 2023-03-02 09:23:15 · 529 阅读 · 0 评论 -
去除富文本的标签和空格
去除富文本的标签和空格原创 2022-12-17 13:59:29 · 341 阅读 · 0 评论 -
vue判断是否全屏状态
(1)使用screenfull来解决全屏操作 (2) 利用监听事件,来改变isFullscreen的值,进而控制页面展示“全屏”图标,还是“退出全屏" 1.安装screenfull.js原创 2022-12-17 13:57:37 · 4386 阅读 · 1 评论 -
tki-tree 树组件控制默认展开第几层数据
tki-tree没有配置项控制展示到第几层数据,所以需要我们自己扩展。原创 2022-09-27 10:40:42 · 675 阅读 · 2 评论 -
深度选择器
less --------> /deep/scss --------> ::v-deppcss ---------> >>>原创 2022-04-13 13:51:56 · 56 阅读 · 0 评论 -
Vue利用递归的方法,根据id获取对应的字段名(树形数据)
树形数据源 options:[ { id: 1, name: '一级1', children: [ { id: 4, name: '二级1', }, { id: 5,原创 2022-04-13 13:51:16 · 6181 阅读 · 0 评论 -
Vue常见过度动画
从右向左滑动<transition name="slide"> <router-view></router-view> </transition>.slide-enter-active,.slide-leave-active { transition: all 1s;}.slide-enter,.slide-leave-to { transform: translate3d(100%, 0, 0);}从左向右&原创 2022-04-13 13:46:04 · 443 阅读 · 0 评论 -
解决vue 使用axios发送post请求表单提交时参数传不进去问题
1.qs插件介绍简单来说,qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。2.qs安装在项目中使用命令行工具输入:npm install qs安装完成后在需要用到的组件中:import qs from 'qs'qs.parse()和qs.stringify()区别:qs.parse()是将URL解析成对象的形式qs.stringify()是将对象序列化成URL的形式,以&进行拼接解决我遇到的问题我使用了qs.stringify()4.axios原创 2022-04-13 13:44:43 · 2405 阅读 · 0 评论 -
vue利用递归改造tree数据
1.数据结构格式 arr: [ { id: 1, icon: "user", name: "张安", hidden: true }, { id: 2, icon: null, name: "张三", hidden: false, children: [ { id: 4, name: "张三2"原创 2022-04-12 15:47:01 · 1538 阅读 · 0 评论 -
vue 点击左侧列表显示右侧内容
<template> <div class="home"> <div class="content"> <div class="lunbo w"> <el-carousel> <el-carousel-item v-for="item in 4" :key="item"> <h3...原创 2022-04-12 15:42:55 · 4741 阅读 · 0 评论 -
vue 过滤器的使用
例子:过滤出表格中数字对应的支付状态,以及不同支付状态的对应的颜色一、过滤对应的状态1.在src目录下新建filters文件夹,新建filter.jsfilter.js内容如下:export default{ /** * 支付状态 * 1 未支付 * 2 已支付 * 3 已处理 * 4 未处理 */ setPayStatus(status){ switch (status){ ..原创 2022-04-12 15:30:14 · 613 阅读 · 0 评论 -
vue 实时显示当前时间
<script>export default { data () { return { date:new Date() } }, methods:{ dateFormat(time) { var date=new Date(time); var year=date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0 * 使用三原创 2022-04-12 15:24:54 · 9058 阅读 · 1 评论 -
vue 5s倒计时
在data中定义初始化时间 data() { return { // 定时器 count:5, timer:null }; },在methods中定义定时器 // 倒计时 sendCode(){ this.timer=setInterval(()=>{ // 创建定时器 if(t原创 2022-04-12 20:45:00 · 1236 阅读 · 0 评论 -
前端导出excel
1、安装依赖:npm install -S file-savernpm install -S xlsxnpm install -D script-loader2、下载导入Blob.js和 Export2Excel.jsBlob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin, ht原创 2022-04-12 15:17:47 · 177 阅读 · 0 评论 -
vue实现登录使用rsa加密
1.安装JSEncryptnpm install jsencrypt2.在登陆页面引用import { JSEncrypt } from "jsencrypt";3.点击登录对表单验证// 点击登录按钮 async loginClick(){ this.$refs.loginFormRef.validate(async valid=>{ if(!valid){ return原创 2022-04-12 15:14:30 · 641 阅读 · 0 评论 -
vue中滚动页面到一定距离后固定
1.id名为testNavBar的盒子与:class=’{ fixedNavbar: isfixTab }'的盒子可以是包含关系也可以是并列关系 <div id='testNavBar'></div> <div class="container " :class='{ fixedNavbar: isfixTab }'> </div>或者<div id='testNavBar'> <div :class='{ f原创 2022-04-12 15:12:58 · 1648 阅读 · 1 评论 -
vue上传txt文件,并且读取txt内容
需求:点击上传txt文件,先读取txt文件中的内容进行展示。上传使用的是element的upload如下: <el-upload action="/" ref="upload" accept=".txt" :before-upload="beforeUpload" :disabled="this.fileList.length !== 0" :default-原创 2022-04-06 09:40:07 · 3067 阅读 · 7 评论