用vue3 + element-plus开发，今天遇到个坑爹的问题，用el-table显示数据，数据没显示出来。如下图在其他人机器上显示的出来调试发现开始是能渲染出来的，后面在更新的时候又被替换掉了。未找到具体原因。不过发现了其他人没有这个问题的原因。其他人的chrome浏览器比较新,我的是72版32位的，后面重新更新到92版本就能正常显示了。...

vue 中应用css动画，详见文档：https://cn.vuejs.org/v2/guide/transitions.html，此处只列出css设置，方便后来者使用。.collapse-leave, .collapse-enter-active {max-height: 100000rem; // 由于折叠面板内容一般不知道高度，所以用max-height, 而不是height...

按vue-router官网描述，页面返回要保持滚动条位置，需要如下设置：const router = createRouter({scrollBehavior(to, from, savedPosition) {if (savedPosition) {return savedPosition} else {return { top: 0 }}},})但有时可能你会发现savedPosition返回

思路：将搜索出来的匹配文本包裹span标签，并附上标红相关样式，因为涉及到DOM操作，所以写成插件。代码实现如下import Vue from 'vue'function hightLight(el, binding) {const match = binding.value;const reg = new RegExp(match, 'g')const txt = b...

本文是vue3官方文档的提炼和总结，主要是记录vue3开发常用到的知识点，方便后续开发的时候查询，避免一段时间没开发之后遗忘了，又需要重新看官网，比较费时。

vue3 如何调用自定义组件方法

用vue3 + element-plus开发，今天遇到个坑爹的问题，用el-table显示数据，数据没显示出来。如下图在其他人机器上显示的出来调试发现开始是能渲染出来的，后面在更新的时候又被替换掉了。未找到具体原因。不过发现了其他人没有这个问题的原因。其他人的chrome浏览器比较新,我的是72版32位的，后面重新更新到92版本就能正常显示了。...

最近用vue3 elementplus进行开发，发现el-input无法输入，代码如下：<template><el-card><template #header><div class="card-header"><el-form ref="searchForm" :model="searchForm" label-width="80px"&gt

最近用vue3 elementplus进行开发，发现el-input无法输入，代码如下：<template><el-card><template #header><div class="card-header"><el-form ref="searchForm" :model="searchForm" label-width="80px"&gt

安装$ npm install ora使用const ora = require('ora');const spinner = ora('Loading unicorns').start();setTimeout(() => {spinner.color = 'yellow';spinner.text = 'Loading rainbows';}, 1000);APIora(text)ora