![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端各方面的
-平头哥
生死看淡
不服就干
展开
-
vue清空不想显示的组件/内容
通过F12选择你不要地方根据class更改样式/** * /deep/ 可以进入组件样式内部修改 * & 获取上一层的名称 * display: none 设置为空 */.el-checkbox-group { /deep/ .el-checkbox { .el-checkbox__input{ &.is-checked { .el-checkbox__inner { &::after{ .原创 2021-12-25 10:46:45 · 494 阅读 · 0 评论 -
el-table给行数据增加字段 如:index
<el-table :row-class-name="tableRowClassName"> methods: { // 获取当前索引值 tableRowClassName({row, rowIndex}){ // 获取分页数据 const {pageNum , pageSize} = this.config.option.page; // 分页后index也不受影响 // .原创 2021-12-25 10:44:45 · 1768 阅读 · 0 评论 -
v-on动态绑定事件
// 加入到要绑定数据的组件中v-on="rowEventList"data() { return { // 事件集合 eventList:{}, // 交互data listenerConfig: [ { on: (eventName, triggerElement) => { // 绑定事件 row, column, cell, event 事件参数 this.rowEventList[.原创 2021-12-25 10:44:12 · 945 阅读 · 0 评论 -
AVUE图片上传
关于AVUE CRUD组件图片上传的upload-delete方法_haogege_ye的博客-CSDN博客_avue 上传图片{ label: "图片", prop: "image", type: "upload", accept: "png/jpg", loadText: "图片上传中,请稍等", listType: "picture-img", rules: [{ required: true, message: "请上传图片", trigge原创 2021-12-25 10:43:36 · 3893 阅读 · 2 评论 -
js原生浏览器复制
<button type="button" @click="copyText">复制</button> copyText() { let text = this.authCode; let inputElement = document.createElement('input') inputElement.value = text; documen..原创 2021-12-25 10:42:49 · 449 阅读 · 0 评论 -
vue Treeselect 的使用
关于vue-treeselect的基本一些用法_各位看官欢迎来到webshao,点个赞支持下咯!-CSDN博客_vue-treeselect安装插件npm install --save @riophae/vue-treeselect// 导入插件import Treeselect from "@riophae/vue-treeselect";import "@riophae/vue-treeselect/dist/vue-treeselect.css";<treeselect原创 2021-12-25 10:42:20 · 2233 阅读 · 1 评论 -
VUE生成图片(自定义文字)
newImage (text) { var canvas = document.createElement('canvas') //准备空画布 var cxt = canvas.getContext("2d") var img = new Image() img.src = require('@/assets/images/Starry.jpg') // 图片加载完成,才可处理 img.onload = () => { // 画图(这里画布与图片等宽高) cx.原创 2021-12-25 10:41:26 · 1812 阅读 · 0 评论 -
vue处理图片流
vue axios请求图片流文件对应的前端展示方法 - 简书请求时加: responseType: 'arraybuffer',返回结果处理downLoadFile('/admin-provider/user/getUserPicById/' + datas.userId).then(data => { this.fileField = 'data:image/png;base64,' + btoa(new Uint8Array(data).reduce...原创 2021-12-25 10:40:16 · 724 阅读 · 0 评论 -
VUE跨页面调用方法
一、创建一个公共的js文件import Vue from 'vue'export default new Vue二、调用方import Utils from '../../assets/js/util.js';Utils.$emit('demo','msg')三、被调用方mounted() { var that = this; Utils.$on('demo', function ('msg') { that.getCode(); })}...原创 2021-07-20 16:56:32 · 2574 阅读 · 3 评论 -
Vue+axios 文件流下载方法
export function download(url, params, filename) { return service.post(url, params, { transformRequest: [(params) => { return tansParams(params) }], headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, re.原创 2021-07-20 10:03:01 · 499 阅读 · 0 评论 -
Vue+Element-UI下拉框回显后无法修改
i问题出现原问题出现原因?下拉框需要重新清空并且回填一下怎么解决问题?①只针对单个属性加入@change="$forceUpdate()"<el-select v-model="*" placeholder="请选择"@change="$forceUpdate()"></el-select>②如果说已经有方法或者可以直接在回显的方法中加入this.$forceUpdate();@change="change"change(){this.$force原创 2021-07-19 10:24:46 · 661 阅读 · 0 评论 -
he ‘Access-Control-Allow-Origin‘ header contains multiple values ‘xxx,xxx‘, but only one is allowed.
问题出现原因?服务端的CorsConfig配置类中重复配置Origin怎么解决问题?找出CorsConfig配置类中重复配置Origin并删除原创 2021-07-19 10:17:46 · 124 阅读 · 0 评论