摘要: 1.正则 function queryURLparamsRegEs5(url) { let obj = {} let reg = /([^?=&]+)=([^?=&]+)/g //使用arguments伪数组 url.replace(reg, function() { //arguments[1]是 阅读全文
posted @ 2024-03-11 13:42 天官赐福· 阅读(5) 评论(0) 推荐(0) 编辑
摘要: Vue中 v-model 和 :model 的区别 1、v-model 通常用于表单上双向数据的绑定,如果除了表单其他组件使用时,起不到任何效果。 它还可以实现子组件到父组件的双向数据动态绑定。 input上的v-model: <input v-model="price"><!-- 下行注释的语法糖 阅读全文
posted @ 2023-12-13 17:33 天官赐福· 阅读(93) 评论(0) 推荐(0) 编辑
摘要: element中select组件加入滚动分页及模糊查询 1.directive.js-自定义vue指令 import Vue from 'vue' export default () => { Vue.directive('loadMore', { bind (el, binding) { // 如 阅读全文
posted @ 2023-11-16 18:49 天官赐福· 阅读(279) 评论(0) 推荐(0) 编辑
摘要: vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来,但是又没有在props中定义的数据。(class及style除外) 2.父子组件之间数据传递的用法 爷爷组件-grandpa: <template> <div> <span>爷爷</span> <Son 阅读全文
posted @ 2023-10-30 16:01 天官赐福· 阅读(133) 评论(0) 推荐(0) 编辑
摘要: EventLoop(事件循环) 一、前言 JS任务分为同步任务(非耗时任务)和异步任务(耗时任务),异步任务又分为宏任务和微任务。 event loop:JS 主线程不断的循环往复的从任务队列中读取任务,执⾏任务,这种运⾏机制称为事件循环(event loop) 二、同步和异步 ​ JS是单线程执行 阅读全文
posted @ 2023-10-25 17:18 天官赐福· 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 1.定义方法 fDate(t1, format = 'YYYY-MM-DD HH:mm:ss') { const config = { YYYY: t1.getFullYear(), MM: (t1.getMonth() + 1).toString().padStart(2, '0'), DD: t 阅读全文
posted @ 2023-10-19 18:43 天官赐福· 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 作用: 组件切换时保持组件状态不被销毁 属性: include——包括:值为字符串或正则表达式或数组;指定的组件被缓存 exclude——不包括:值为字符串或正则表达式或数组;指定的组件不被缓存 exclude优先级高于include 用法: <keep-alive include="home,ab 阅读全文
posted @ 2023-10-11 15:08 天官赐福· 阅读(3) 评论(0) 推荐(0) 编辑
摘要: egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi 阅读全文
posted @ 2023-10-11 10:12 天官赐福· 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 作用:用于子组件中触发父组件方法并传值 使用一:$emit //子组件中 <template> <button @click="handleChildEvent">子组件中触发的事件</button> </template> <script> export default { name:'Child 阅读全文
posted @ 2023-09-27 16:00 天官赐福· 阅读(2220) 评论(0) 推荐(0) 编辑
摘要: 适用场景: 如果要改变data中的对象或者数组,会发现data数据改变了,但是页面上并没有更新 如: this.list[index].sex = '男'; 此时要想更新可以使用 this.$set(this.list[index],'sex','男') 也可以使用 this.list[index] 阅读全文
posted @ 2023-09-27 15:35 天官赐福· 阅读(473) 评论(0) 推荐(0) 编辑
返回顶端