随笔分类 - JavaScript
摘要：父元素diplay控制显示隐藏变化导致elemnet table加载有问题解决办法： 尽量用v-if控制element table 的显示隐藏， 如果必须要外层父元素控制显示隐藏 给 el-table b标签加v-if 即可解决。
阅读全文
摘要：https://blog.csdn.net/chenlim87/article/details/109629076
阅读全文
摘要：原因： $comfirm会在上一次执行操作的按钮上自动聚焦选中如果这时点击回车或者空格键相当于又触发了一次删除按钮上的点击事件，而且默认回车和空格键会触发弹层上的确认按钮的点击事件，用户没有将鼠标定在确认按钮，这是组件自己封装的自动聚焦事件以及确认提交事件 解决方法：强制取消键盘的默认行为，在钩子（
阅读全文
摘要：找到元素的下标，使用splice函数进行移除 var array = ["aa", "bb", "cc"]; var index = array.indexOf("bb"); if (index > -1) { array.splice(index, 1); }
阅读全文
摘要：Popover的简单介绍 trigger属性用于设置何时触发 Popover，支持四种触发方式：hover，click，focus 和 manual。 对于触发 Popover 的元素，有两种写法：使用 slot=“reference” 的具名插槽，或使用自定义指令v-popover指向 Popov
阅读全文
摘要：一、作用 filter用于对数组进行过滤。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意：filter()不会对空数组进行检测、不会改变原始数组 二、语法 Array.filter(function(currentValue, indedx, arr), thisVa
阅读全文
摘要：常用方法： 1. 初始化日期 / 时间 dayjs().format('YYYY-MM-DD'); // 初始化日期 dayjs().format('YYYY-MM-DD HH:mm:ss'); // 初始化日期时间 2. 格式化日期 / 时间 dayjs(value).format('YYYY-M
阅读全文
摘要：1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref(
阅读全文
摘要：<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re
阅读全文
摘要：Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也
阅读全文
摘要：<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => {
阅读全文
摘要：用一个tabs组件举例 父组件： <Mytabs2 @handleTabsChange="handleTabsChange" :tabsList="tabsList_data"> <template #tab1> </template> <template #tab2> </template> </
阅读全文
摘要：<template> <a-config-provider :locale="locale"> //建议直接包裹在最外层，若果你想全部转换为中文的话 </a-config-provider> <template> <script setup> import zhCN from 'ant-design
阅读全文
摘要：0、前言 前端工程，在最早的时候是没有模块的概念的。随着前端工程的发展，前端开发也越来越规范化，更像是软件工程了。那么随之而来的，为了解决工程化的问题，就引入了模块的概念。但是在早期，因为ecmascript原本是没有模块语法的，所以采用的都是社区的各种版本协议，其中影响最深的，就是nodejs使用
阅读全文
摘要：1.toRef toRef是用来给抽离响应式对象（被reactive包裹的对象）中的某一个属性的，并且把这个属性包裹成ref对象，使其和原对象产生链接。 或许有人就回有人有疑问了？这个toRef存在有什么意义呢？因为我们知道reactive包裹的东西其实已经有了响应式了，再用toRef什么意义呢？
阅读全文
摘要：在 vue3.2 中，我们只需在script标签中添加setup。就可以做到，组件只需引入不用注册，属性和方法也不用 return 才能于 template 中使用， 也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得。 <scr
阅读全文
摘要：1.什么是reactive? reactive是Vue3中提供实现响应式数据的方法. 在Vue2中响应式数据是通过defineProperty来实现的. 而在Vue3响应式数据是通过ES6的Proxy来实现的 2.reactive注意点 reactive参数必须是对象(json/arr) 如果给re
阅读全文
摘要：1.css盒子模型 css盒子模型就是用来装页面上的匀速的矩形区域，CSS中的盒子模型包括IE盒子模型和标准的W3C盒子模型。 标准W3C盒子模型：包括 margin、border、padding、content组成，并且content部分不包含其他部分 IE盒子模型：包括 margin、borde
阅读全文
摘要：vuex由五部分组成(五种状态/五种属性) VueX五个核心属性分别是 state、getter，mutations、actions、module state: 定义vuex的数据地方 actions:定义异步延迟的方法 mutations: 唯一可以修改state数据的方法 getters:从现有
阅读全文
摘要：（1）props / $emit 适用 父子组件通信 （2） ref 与 $parent / $children 适用 父子组件通信 （3）$attrs / $listeners 适用于 隔代组件通信 （4）provide / inject 适用于 隔代组件通信 （5）EventBus （$emit
阅读全文
