vue
vue学习记录
lyce_liu
这个作者很懒,什么都没留下…
展开
-
el-table自定义单行超出显示省略号,鼠标移动显示tooltip(文本内容超出显示)
1、需求2、思路方法3、解决方案3.1、el-table自带show-overflow-tooltip属性方法3.2、el-tooltip组件自定义方法4、总结添加自定义el-tooltip组件,通过disabled属性控制显不显示tooltip(原创 2024-04-09 14:20:40 · 2652 阅读 · 4 评论 -
vue使用quill编辑器自定义图片上传方法、quill-image-resize-module修改图片、监测粘贴的是图片上传到后端、重新进入编辑器img标签丢失style属性
vue使用quill编辑器自定义图片上传方法、quill-image-resize-module修改图片大小样式、监测粘贴的是图片上传到后端、重新进入编辑器img标签丢失style样式属性,img样式丢失原创 2024-01-18 21:29:28 · 1944 阅读 · 2 评论 -
vue使用quill编辑器自定义附件上传方法,并根据上传附件名称生成链接
【代码】vue使用quill编辑器自定义附件上传方法,并根据上传附件名称生成链接。原创 2024-01-18 17:33:42 · 1654 阅读 · 0 评论 -
vue中获取el封装元素宽度
【代码】vue中获取el封装元素宽度。原创 2024-01-17 17:34:28 · 484 阅读 · 0 评论 -
路由跳转用query传长度为1的数组遇到的问题
路由跳转发现用query传数组时,如果数组长度为1,跳转页面后拿到的是数组没问题,但是刷新页面时,数组会被转化为字符串,导致错误。解决方案:用JSON.parse(), JSON.stringify()跳转时: let query = {}; query = { courseIds: JSON.stringify(selectedCoureseIds), type: "shiShi" }; this.$router.push({原创 2021-11-25 15:14:34 · 661 阅读 · 0 评论 -
vue+iview table跨页多选遇到的问题
#iview table跨页多选遇到的坑iview table和page组件组合使用时,跨页多选时,会记不住选过的选项,比如说,在第1页选择了2项,然后点击第2页,再回到第一页时选中的项没有显示出来。解决方法:核心就是切换时重新给选中的项勾上,核心代码: // 跨页重新选中 setChecked() { let objData = this.$refs["table"].objData; for (let index in objData) { if (this.courseI原创 2021-11-25 11:59:05 · 1585 阅读 · 0 评论 -
2021-10-12vue+iview组件,render函数
vue+iview组件,render函数,table render Input,Tooltip,Select Option,Upload各种标签的render函数举例转载于http://events.jianshu.io/p/56aac2dafc04转载 2021-10-12 16:42:56 · 90 阅读 · 0 评论 -
FullCalendar日历插件显示+1
FullCalendar日历插件不想显示具体事件数,只想显示“+1”样式,点击“+1”才会弹出具体的事件信息,用到的属性是: dayMaxEventRows: 0, //最大事件行数 moreLinkContent: this.moreLinkContent, // "更多"moreLinkContent可以是String,也可以是function, 如果是String的话就直接显示String,比如说“更多”,但我想要的不是这个,而是显示“+1”样式,所以就用的func原创 2021-09-14 09:34:27 · 1041 阅读 · 0 评论 -
iview中Modal和Form表单的组合使用-遇坑问题
需求:点击一个button按钮弹出一个Modal对话框,再点击确定按钮提交表单,如果Form表单按要求填写则提交成功,关闭Modal对话框,否则提示“按要求填写表单”,Modal对话框不关闭,直至提交表单成功,或点击取消按钮解决方法:在iview中,Modal对话框点击取消,或确定按钮都会默认关闭对话框,可以用loading属性设置点击对话框不关闭Modal对话框,但确定按钮会一直处在加载状态,很不友好,我使用的方法是点击确定按钮是把loading设置为false,然后再设置会true <原创 2021-08-31 19:23:54 · 1260 阅读 · 0 评论 -
vue脚手架安装出错
@vue/cli安装出错安装vue脚手架是出现如下错误解决方法功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入安装vue脚手架是出现如下错误解决方法1、我的解决方法是先把node.js卸载了,重新安装。2、重新装好node原创 2021-03-18 19:39:56 · 3715 阅读 · 1 评论