vue
咸鱼妹妹
强者惜字如金,弱者废话连篇!
展开
-
【Vue】div标签实现输入框,利用contenteditable=“true“属性的标签实现
【代码】div标签实现输入框,利用contenteditable=“true“属性的标签实现评论。原创 2023-07-26 15:06:09 · 3373 阅读 · 0 评论 -
【JS】数组处理(ES6)
【JS】数组处理(ES6)原创 2022-06-16 14:49:35 · 217 阅读 · 0 评论 -
【Vue】分页组件切换分页时未定位到最上面的位置
问题:table点击分页时候,在第一页把滚动条拉到最下面,切换到第2页或第3页,滚动条还是保留上一页的位置。预期效果:切换分页时滚动条恢复到最上面的位置!!!原创 2022-06-14 11:05:05 · 1124 阅读 · 1 评论 -
【Vue】中this.$refs的使用
【 Vue 】中this.$refs的使用原创 2022-06-13 15:50:18 · 4790 阅读 · 3 评论 -
【Vue】中的同步和异步
同步:在主线程上排队之行的任务,只有在最前面的任务执行完成之后,才之行后面的任务。 (生活中的例子话糙理不怪:银行排队,只有一个窗口的时候,A业务办理完在接着办理B) 异步:是指不进入主线程,而是进入了“任务队列”的任务,只有“任务队列”通知主线程,某个异步任务可执行了,该任务才会进入主线程执行。 生活中的例子话糙理不怪:多个窗口,可以同时办理业务,互不影响) 异步任务分为:宏任务 微任务 宏任务:包含整体代码script / se....原创 2022-05-24 11:02:18 · 1736 阅读 · 0 评论 -
【Vue】中三种插槽的使用
vue中三种插槽的使用插槽:1.匿名插槽:没有为插槽指定名称2.具名插槽:为slot设置名字的插槽就称为具名插槽3.作用域插槽:在封装组件的过程中,可以为预留的 插槽绑定 props 数据(除了name),这种带有 props 数据的 叫做“作用域插槽1.匿名插槽子组件(假设名字为child) <template> <div> <solt>这是一段文字<solt> </div>原创 2022-03-18 14:14:41 · 542 阅读 · 0 评论 -
vue列表,表格自动滚动
1.vue列表,表格自动滚动2.Vue无缝滚动原创 2021-06-09 18:09:53 · 697 阅读 · 0 评论 -
vue 数组元素通过 “前移”和‘后移’ 按钮交换位置
vue 数组元素通过 “前移”和‘后移’ 交换位置(l两种方法)方法一:解构赋值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>方法一:解构赋值</title> <sc原创 2020-12-16 10:19:32 · 2073 阅读 · 0 评论 -
vue传值的几种方式
vue传值的几种方式 fn() => { 1.通过路由携带参数进行传递参数path..query 在A文件中传递 this.$router.push({ path:'/home', query{ id:123, name:this.name } })原创 2020-12-01 11:17:21 · 109 阅读 · 0 评论 -
vue切换导航栏更新内容2
vue切换导航栏更新内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .tab-item{原创 2020-12-01 10:11:31 · 202 阅读 · 1 评论 -
vue点击按钮切换状态并隐藏
vue点击按钮切换状态并隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootc原创 2020-12-01 09:57:48 · 1340 阅读 · 0 评论 -
Element UI表单中数据是字符串并含有多个内容并存时,如何进行换行展示
Element UI表单中数据是字符串并含有多个内容并存时,如何进行换行展示 <!-- 方法一:将字符串转化为数组,在进行循环 --> <!-- <el-table-column label="平均召回数量" prop="recallGoodsNums" align="center"> <template slot-scope="scope"> <div style="text-align:center" v-原创 2020-11-30 18:06:40 · 1379 阅读 · 0 评论 -
【Vue】导出 下载excel 方案(点击下载,下载一个excel模板)
导出 下载excel 方案(点击下载模板,下载一个excel模板) exportExcel() { // 防止文件乱码:responseType: 'arraybuffer' userApi.sensitiveDown(this.queryParam, {responseType: 'blob'}).then(data => { // (导出 下载excal) const blob = new Blob([da原创 2020-11-30 17:54:35 · 349 阅读 · 0 评论