随笔分类 - vue
摘要：父元素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
阅读全文
摘要：常用方法： 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使用
阅读全文
摘要：<template> <div id="app"> <a-config-provider :locale="locale"> <router-view /> </a-config-provider> </div> </template> <script> import zhCN from 'ant-
阅读全文
摘要：1.toRef toRef是用来给抽离响应式对象（被reactive包裹的对象）中的某一个属性的，并且把这个属性包裹成ref对象，使其和原对象产生链接。 或许有人就回有人有疑问了？这个toRef存在有什么意义呢？因为我们知道reactive包裹的东西其实已经有了响应式了，再用toRef什么意义呢？
阅读全文
摘要：1.什么是reactive? reactive是Vue3中提供实现响应式数据的方法. 在Vue2中响应式数据是通过defineProperty来实现的. 而在Vue3响应式数据是通过ES6的Proxy来实现的 2.reactive注意点 reactive参数必须是对象(json/arr) 如果给re
阅读全文
摘要：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
阅读全文
摘要：第一步.先清空本地安装的node.js版本 1.按健win+R弹出窗口，键盘输入cmd,然后敲回车（或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出，输入cmd再点击回车键） 2.然后进入命令控制行窗口，并输入where node查看之前本地安装的node的路径，找到上面找到的路径，将node.
阅读全文
摘要：1、什么是keep-alive？ keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 2、keep-alive的优点？ 在组件切换过程中 把切换出
阅读全文
