
Vue.js学习日志
文章平均质量分 62
鱼小旭
qq_2784497587
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
浏览器的console中的一些技巧
这些字段默认是图中的 >> 就是把值给你隐藏了,但在我们工作中进行开发的过程中经常性的要对比字段,这时候就要点开这些>>,如果一两个还好 ,如果需要十几二十个,想想都麻烦,但今天偶尔发现有些字段默认显示出来的通过方法的比对做出如下总结!这儿是控制DevTools显示的位置,这个框住的是单独显示,这样就可以在左边显示控制台!另外我这个控制台主题不是默认的亮色,也是为了防止闪瞎我的眼睛设置成这种暗蓝色!这里以有两个屏幕为例,也是建议搞两个屏幕。这种是字段显示出来的情况。原创 2023-06-01 17:22:08 · 292 阅读 · 0 评论 -
vue中v-for重复数据处理||element下拉框去除重复
前端去重方法有多种,只说三种常用的(新老方法都有)1-使用常规双for循环(暴力算法)遍历比较的方式对值进行比较2-使用js方法sort排序(只针对数组),但是经常在vue等新框架中提示TypeError: arr.sort is not a function3-使用reduce方法(>_原创 2023-06-29 17:01:59 · 2691 阅读 · 0 评论 -
vue(js)线程干扰,vue生命周期干扰
宏任务和微任务形成的队列一次循环便是事件循环vue 的 $nextTick 机制可以理解成事件循环和防抖的结合。原创 2023-06-25 14:45:47 · 356 阅读 · 0 评论 -
关于springboot中前端传递多个数组以及其他参数及json在前后端转变方法技巧的记录
在后台接收的具体格式见下图。原创 2023-06-21 15:52:04 · 2217 阅读 · 0 评论 -
如何实现Vue和Element多个输入框校验及循环终止(脱离表单的),element样式穿透
当脱离UI的校验单独添加时,一般原生的js校验往往是最优选择,但项目如果允许的话,也可以选择UI的延展校验,例如element的(这个是英文的,喜欢的可以参考)原创 2023-06-01 17:14:27 · 526 阅读 · 0 评论 -
vue学习之路由问题(附实例及地址栏中的参数去除问题解决)
路由传参语法列表点击页this.$router.push(path:"",query:{"跳转页接收变量名":"当前页的值"})this.$router.push(path:"/sdf/test",query:{"id":this.ids})详情跳转页this.$route.query.跳转页接收变量名;let id = this.$route.query.id;列表点击页this.$router.push(name:"",params:{"跳转页接收变量名":"当前页的值"},path原创 2022-04-27 15:56:40 · 2231 阅读 · 0 评论 -
vue使用过程总结(数组--对象使用常见问题)
数组数组在走完vue的声明周期后不会清空问题描述:在展示出来一组详情卡片后,如果再进行条件筛选不会清空数组重新加载生命周期,而是在原来数组的基础上继续叠加数据(这样描述可能有点抽象,看例子)页面初始化后的房源个数生命周期中的列表执行方法(默认执行一次)在点击租赁个人的条件后可以明显看出数据是double了一下!代码中控制此数据信息的变量( 也就是写在data(){},中的声明 )是newHouse:[],这儿生命成是一个数组类型!如下图:要解决这个思路:就是在初始化方法之前清空数原创 2022-04-26 15:59:37 · 473 阅读 · 0 评论 -
vue父子组件问题总结(传值/富文本使用)
vue 父子组件通信详解 传值问题/富文本wangEditor文末封装组件代码在div中使用 <div class="editor" @input="change"></div>@input="change"为后面方法使用 "change"是后面的方法名// v-model 指令是会给此节点添加一个input事件,我们在给富文本编辑器添加一个input事件,这么做在于,当输入内容后会获取到最新的内容,通过$emit 触发 父组件v-model所添加的input事件原创 2022-03-31 10:58:50 · 1424 阅读 · 0 评论 -
vue纠错总结
webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序或批处理文件。如果原本正常,删除node_modules文件夹重新执行npm install或者cnpm installVue报错’Do not use built-in or reserved HTML elements as component id:解决方法这个原因有很多,多是以下,根据图片对照自己的compnents是不是写的有问题,比如没有加{},书写错误等等vue 在引入组件后无法显示组件内容.原创 2022-03-30 14:19:41 · 1208 阅读 · 0 评论 -
vue初步进阶
三月路由配置配置路由,引用不同路径,但跳转到同一个页面这儿的引用和引用哪个路径关联,也是这儿写错导致的上述问题原创 2022-03-17 09:35:56 · 634 阅读 · 0 评论 -
elementUI设置元素样式
ElementUI是一款非常强大的前端UI组件库,它默认定义了很多美观的样式,但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。新建全局样式表新建 global.css 文件,并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件夹下,在 main.js 的引用写法如下:import “./assets/style/global.css”;在 global.原创 2021-11-29 16:25:10 · 2199 阅读 · 0 评论 -
var和let和const区别简洁回答;var和let和const区别
也是从别人那儿抄来的,加以调整和个人理解!!!一、var声明的变量会挂载在window上,而let和const声明的变量不会:二、var声明变量存在变量提升,let和const不存在变量提升三、let和const声明形成块作用域四、同一作用域下let和const不能声明同名变量,而var可以五、暂存死区六、const * 1、一旦声明必须赋值,不能使用null占位。 * 2、声明后不能再修改 * 3、如果声明的是复合类型数据,原创 2021-11-17 13:45:29 · 539 阅读 · 0 评论 -
npm使用(一)
npm基础使用前言-摘要npm安装就不在赘述切换国内镜像等待更换成功,执行如下一通npm指令,将vue安装完成!更新指令、同步connect模块、安装VUE、安装vue-cli安装好vue,下面创建一个vue项目插叙--window切换目录问题验证是否成功关闭项目前言-摘要最近写论文,别说对写文章还真的有影响!这篇文章会建立一个npm工程模板工作实习一个月,复习mybatis之余,突然在博客看到npm,想起自己还想学习一下,但也因为Java学习之路道阻且长没怎么深入学习,遂复习!此文章适合初学np原创 2021-04-25 10:18:14 · 309 阅读 · 0 评论 -
Vue第二课数据与方法
vm一般代表Vue的实例var 一个对象data1和Vue对象中的data是不同的!var出的是一个对象,Vue中的是一个属性!在Vue对象外对data赋值(data.a)a为data的变量名。体现出了Vue的响应式渲染!符号赋值,符号赋值,符号赋值,watch方法观察一个变量的变化获取变化前后的变化注:遇到的问题,变量只声明但不在Vue()对象中初始化会报错,(不一定是在Vue对象中,也可以是在自主声明的对象中)...原创 2020-08-06 10:46:21 · 212 阅读 · 0 评论 -
Vue第一课
Vue.js的安装(如果使用mini版本的Vue.js会出现问题无法init,下载开发版本会解决这一问题)在head标签中引入:<script src="vue.js" type="text/javascript" charset="UTF-8"></script><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者加入版本引导<script src="原创 2020-08-06 02:19:38 · 150 阅读 · 0 评论