旁边有盆绿萝-CSDN博客

原创 wangeditor富文本上传图片等配置

wangeditor 上传图片

2022-08-16 11:10:19 4202 2

问题：vue打印elementUI表格边框显示不全（使用的window.print()）在项目中需要实现打印功能，但是通常表格会打印不全就像这个样子：解决：使用原生的表格就不会存在这种问题了打印功能使用window.print()打印功能1、创建一个新的页面，将要打印的内容放入到页面中，打印成功后，然后销毁该页面(参考的其他人的代码)//创建一个div var printPage= document.createElement("div"); //插入要打印内容的style pr

2022-05-07 11:17:28 3224

原创日常碰到的小坑

日常小知识点总结：（有错误请积极帮我指正）1、elemenUI中的dialog弹窗有时候会联系触两次例子：我新增和修改用的是同一个dialog，但是打开修改，点击关闭的时候，会触发再次开启dialog弹窗然后再关闭，导致，我点击新增的时候总是有数据。解决：多加一个v-if="dialogVisible"进行判断就好了2、菜菜鸟，我连上传下载图片都是问题。关于下载使用elemenUI上传文件后会给你传回来一个url，这个url在我下载的时候会使用到，先看一下长什么样子wjlj: "group1/

2022-03-04 14:08:30 525

原创 vue给一个对象增加一个属性，但是该属性不可以双向绑定

vue给一个对象增加一个属性，但是该属性不可以双向绑定this.listData.name = ""直接设置的话，name不能进行双向绑定，需要用到this.$set进行设置this.$set(this.form, "name", "");这样就可以了

2022-01-17 09:57:41 788

原创 var let和const的区别

var、let和const的区别1、varvar 是函数作用域var操作符定义的变量会成为包含它的函数的局部变量，那就意味着该在函数退出时var定义的局部变量会被销毁。举个例子：function fn() { var name = 20; console.log(var); //20 } fn()； console.log(var); //报错有一点需要注意，如果在定义局部变量的时候省略了var操作符，该变量会变成全局变量（不推荐这么做，比较难维护，严格模式下会抛出Renfere

2021-12-26 11:31:43 333 1

原创 vue权限控制显隐

权限来控制按钮显隐。实现：我们需要自定义指令来控制1.新建一个文件btnOption.jsimport Vue from 'vue'Vue.directive('has ', { inserted: function (el, binding) { let str = binding.value.split(':')[0]; let strMenu = binding.value.split(':')[1]; let strBtn = bind

2021-12-21 10:30:44 643

转载 vue导入 excel表格获取数据

@vue导入 excel表格获取数据保存一下，方便以后查看https://blog.csdn.net/a736755244/article/details/995681331、引入依赖 npm install -S file-saver xlsx npm install -D script-loader npm install xlsx2、在main.js中引入XLSXimport XLSX from 'xlsx'Vue.use(XLSX)3、前面环境和依赖完成之后，我们开始

2021-12-20 13:41:38 933

原创 elemenUI树控组件回填数据的bug

elemenUI树控组件回填数据的bug位于同一个父节点下的子节点，选了其中一个，结果回填的时候，该父节点下的所有子节点全部被动选中问题截图：我是通过node来设置的，无论你得到的树结构数据，还是非树结构数据，只要把相对应的节点遍历后放进去就好了例子：1 //请求获得的数据 data= [{ id: 1, label: '一级 1', children: [{ id: 4, labe

2021-12-20 13:41:09 159 1

原创 elementUI表单校验遇到的各种问题

1、遍历表单，并实现校验https://blog.csdn.net/qq_49899911/article/details/1218615352、离开页面再次进入页面，触发校验，怎么去消除校验 this.$refs.formData.clearValidate();3、关于进入弹窗触发自动校验的问题，与上面的问题相似，但在用不了这个（resetFields有大坑）的情况下，请用上面的 this.$nextTick(() => { this.$refs["form"].res

2021-12-11 19:22:45 567

原创 elementUI中遍历多个表单实现校验功能

想要遍历多次同一个表单，校验是个问题没什么特别的要求，只要注意提交校验的时候平常都是用 this.$refs[formName].validate((valid) => { if (valid) { alert('submit!'); } else { console.log('error submit!!'); return false; } })

2021-12-10 17:38:12 1108 1

原创 @elemenUI关于上传execl表只能单选

elemenUI上传单选，自动清空上一个表

2021-12-09 10:28:06 618

原创 elementUI表格隐藏列

elementUI表格隐藏列我之前一直都习惯使用v-show的，但是没有用，使用v-if就可以了

2021-12-06 17:34:57 83

原创 @ElementUI中表格的合并行

@ElementUI中表格的合并行在需求中遇到了elementUI合并行，找了几位大佬的文章，奈何过于愚钝，百思不得其解（对不起，我脑子转不动了），不会用啊！最后找到了方法（时间久了，大佬的链接找不到了，基本上就是复制大佬的），一个不用动脑子就能用的代码，看代码： objectSpanMethod({ row, column, rowIndex, columnIndex }) { console.log(row.cc, column, rowIndex, columnIndex);

2021-11-25 16:44:02 293

qq_49899911的博客