想要飞翔的pig-CSDN博客

//字符串转base64function encode(str){// 对字符串进行编码var encode = encodeURI(str);// 对编码的字符串转化base64var base64 = btoa(encode); //这一行就可以字符串转base64了return base64;} // base64转字符串function decode(base64){// 对base64转编码var decode = atob(base64); //这一行就可以base6

2022-03-10 09:19:27 3727

原创 vue forEach和map的区别

记录工作中遇到的问题，选择右边数组一项进行删除，forEach和map的区别就出来了1.刚开始是foreach写的，效果没出来 this.rightTree：表示右边的数组 this.oriFatherId.id：选中一个的id this.rightTree.forEach((i)=>{ console.log(i.id); console.log(this.oriFatherId.id); if(i.id == this.o

2022-03-08 17:08:44 1380

原创 vue手写多选（获取选中的值+动态绑定class名）

【代码】vue手写多选（获取选中的值+动态绑定class名）

2022-03-07 14:46:41 1395

原创 Element ui tree树形控件获取当前节点id和父节点id

方法一：直接在el-tree单击时获取当前节点node，会接收三种参数，分别是当前data节点数据，node当前节点，root根节点数据，我们获取当前node节点即可，通过node.parent可获取父节点数据，祖先级可一层层遍历上去node.parent.parent获取。let oriFatherId = node.parent.parent.data // 祖父节点信息 let fatherId = node.parent.data // 父节点信息方法二：可通过单击获取当前节点id

2022-03-04 15:55:27 10096

原创 vue 路由跳转静态页面跳vue页面

1.静态页面跳vue页面window.open("/#/murelease", "_self"); 或者 window.location.href="/#/murelease"2.要多加一个/#才能跳过去

2022-03-03 10:21:12 1117

原创 vue identify--验证码插件

identifyidentify是vue的一个插件，使用canvas来生成图形验证码，使用起来非常方便，拿过来然后再注册使用就可以。首先看一下效果1.引入方法：在main.js里添加 import SIdentify from './views/login/components/identify' //注意引入路径 Vue.use(SIdentify)2.创建identify.vue文件<template> <div class="s-canvas">

2022-01-14 15:21:20 1956

原创 vue scope 插槽用法

1.插槽 scope表格中使用插槽 <template scope="scope"> <span v-if="scope.row.inp_mc == 1">{{scope.row.date}}</span> <el-input v-else v-model="scope.row.date" @keyup.enter.native="searchAllCompany(scope.row)" placeholder="请输入内

2021-12-16 16:25:21 523

原创模仿百度网盘的全屏拖拽上传文件dragenter拖入和dragleave拖出和enentDrop拖拽松开鼠标问题解决

1.》就是在用户把文件拖住到我们的编辑器时，编辑器样式上需要做出反应，让用户知道拖拽已经进入有效范围，不就是监听一个dragenter和dragleave事件的问题么1.1》结果写完发现拖拽的时候的改变一直闪动，触发的dragenter事件中总是夹着dragleave1.2》原因是，鼠标进入事件监听的子元素的时候，会先触发dragleave事件1.3》原理：当鼠标进入父元素时，添加类名，在此类名下重写它的所有子元素样式，全部添加穿透属性当鼠标离开时，移除类名。我们要想实现一个简单的拖拽文件上传，只

2021-12-16 16:12:49 1080

原创 vue非父子组件之间的传值 eventbus的应用

1.创建一个global-bus.js文件相当于呼叫中心，文件里边这么写 // 全局呼叫总线 // 呼叫中心 // 作用：任何组件之间相互通信 import Vue from "vue" export default new Vue()2.假设修改头像a组件改完要把这个值给b组件传过去a组件发布通信事件这么写import globalBus from "../../assets/js/pass/global-bus";//第一个参数为事件名和b组件一致就行，第二个参数为要传的参数 g

2021-12-01 16:36:33 699

原创 vue 子传父（父组件拿子组件的值）

1.父组件拿子组件的值2.通过ref获取子组件的值，父组件写点击事件，子组件ref起个名字3.通过 this.$refs.blindsamplData.form 拿到子组件data.form表单里的值4.yyds

2021-09-27 10:28:47 162

原创 vue 点击锚点后手动刷新页面,显示空白

1、a标签锚点链接后，手动刷新页面显示空白 <li v-for="(item, index) in listTow2" :key="index" :class="{ current: index == isActive2 }" @click="check(index)" > <div class="yinying">

2021-09-13 16:55:23 1213 2

原创 vue elementUI表格 el-table-column

在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列里的内容不一致。例如后台给的字段是testType，它的值为01或02，要求显示在表格里是‘鉴定试验’或‘型式试验’这时可以给el-table-column添加一个属性：formatter，代码如下：<el-table ref="accountTable" :data="accountsListData" border> <el-table-column property="testType" labe

2021-08-29 15:23:22 3479 2

原创 vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示

1.遇到个问题就是其中有个要展示的数据来自接口返回的两个字段

2021-08-27 19:19:38 1969 2

原创 vue 封装axios

1.首先配置vue.config.jsvue.config.js module.exports = { lintOnSave: false, //如果为false，就是取消eslint规则的检查 devServer: { overlay: { // 让浏览器 overlay 同时显示警告和错误 warnings: true, errors: true }, hot: true, host:

2021-08-20 17:01:32 331

原创 2021-07-14 vue 文件或图片上传发给后台前台渲染

1.文件上传发给后台HTML代码 <el-upload class="upload-demo" action="#" :on-preview="handlePreview" :on-remove="handleRemove" :on-exceed="handleExceed" :http-request="http_request" multiple > <el-button size="small" type="primary"&

2021-08-13 16:11:48 240

原创 2021-07-07 vue获取地址栏的参数

vue获取地址栏的参数1. 用this.$route console.log(this.$route.query.id); console.log(this.$route.query.type);

2021-07-07 19:53:14 483

原创 vue解决element-ui popover弹出框点击取消时 popover的显示与隐藏问题

1.解决办法如下在el-popover中加属性 :ref="popover-${scope.$index}"取消el-button按钮加 @click="scope._self.$refs[popover-${scope.$index}].doClose()"2.具体代码如下<template slot-scope="scope"> <div class="operation"> <el-popover trigger="click" :ref="`

2021-07-05 17:06:50 3592 1

原创 2021-06-02 vue中使用vueX

vuex是使用vue中必不可少的一部分，基于父子、兄弟组件，我们传值可能会很方便，但是如果是没有关联的组件之间要使用同一组数据，就显得很无能为力，那么vuex就很好的解决了我们这种问题，它相当于一个公共仓库，保存着所有组件都能共用的数据。一、适合初学者使用，保存数据以及获取数据1、在store文件夹，新建个index.js文件（命名看个人习惯，如果没有该文件夹，可以新建一个，当然也可以不建文件夹，直接新建个js文件也是可以的）在新建的js文件中写入如下代码: import Vue from "vue

2021-06-10 10:41:37 116

空空如也

空空如也