vue
帅哥语塞
帅哥语塞,论帅哥如何变成秃头肥宅
展开
-
vue3 vite 使用svg图
vue3 vite 如何引入svg图片原创 2023-01-12 14:36:43 · 569 阅读 · 0 评论 -
vue + el-table 虚拟列表的实现
el-table 虚拟列表的实现原创 2022-08-11 10:46:24 · 6537 阅读 · 3 评论 -
vite2+vue3引入动态图片报错404问题
出现这一问题大致可以归结为,vite打包的时候会忽略config.js文件中配置的@ 相当于src这么一说,// vite.config.js... resolve: { alias: { "~": path.resolve(__dirname, './'), "@": path.resolve(__dirname, 'src') } },...静态图片路径是相对路径还是绝对路径都可以,相当于写死静态文件地址,<img src="@/a原创 2022-05-30 23:37:53 · 2229 阅读 · 0 评论 -
vue非同源下载图片
vue非同源下载图片原创 2022-05-09 22:48:19 · 1500 阅读 · 1 评论 -
合并el-table多行多列表格
处理多行多列的操作原创 2022-04-27 11:53:23 · 3726 阅读 · 7 评论 -
表格列表中,单选、多选以及点击该行数据友好体验的封装
如图:点击该行,然后前面的复选框自动勾选,再次点击,复选框取消,点击复选框也可以操作,单选多选都可以。先了解一下用到的方法:点击该行的方法@row-click,点击复选框的方法,@select@row-click的参数,row,column,$e,第一个参数是该行数据对象@select的参数有两个 selection,row 第一个是目前选中的数组,第二个是当前选中的数据对象不知道的可以打印一下。<el-table ref="singleTable" v-load原创 2022-04-24 11:18:09 · 434 阅读 · 0 评论 -
vue 父子组件共用mixins注意点
父子组件正常引用(通过props传值):父子组件之间的关系是相互独立的父子组件共用一个mixins:(在同一个作用域内,直接使用)在开发过程中,会遇到tableData直接渲染的情况,数据量过大,则会拆分多个子组件,此时第一次进入页面,调用api,后端传参tableData,需要对数据进行组装修改,我发现控制台打印能出现,页面却不渲染的情况,经验证发现el-table中每次只能监听整个row的变化,row中某个属性变化时,是无法追中的,要么this.$set(tableData,index,row)原创 2022-03-19 18:52:21 · 2193 阅读 · 0 评论 -
vue3之表单验证
3相信很多小伙伴都玩起来了,表单验证是很正常不过的事情,话不多说,直接贴代码,<el-form :model="editForm" ref="editFormRef" :rules="rules"> <el-form-item label="姓名:" prop="name" :required="true"> <el-input v-model="editForm.name" placeholder="请输入姓名" /> </el-form原创 2021-09-23 20:10:12 · 5054 阅读 · 1 评论 -
vue-quill-editor富文本上传图片过大,如何优雅处理?
前端富文本数不胜数,但总有一些这样那样的问题,记录一下自己遇到的问题,传入图片过大,如何解决?图片格式是base64,巨大长度,会给服务器很大压力,这时候,我们将其格式转换,可是该怎么转换呢??好家伙,el-upload天然完美之组件。如何引入编辑器,封装成组件,在组件中components/quill 文件中引入import"quill/dist/quill.core.css";import"quill/dist/quill.snow.css";import"quill/d...原创 2021-08-10 20:40:00 · 2349 阅读 · 0 评论