以前，为了使组件支持与v-model双向绑定，它需要（1）声明prop，（2）在打算更新prop时发出相应的update:propName事件： <script lang="ts" setup> const props = defineProps([ 'modelValue' ]) ...
前端开发
vue3.js + vite + Typescript，使用过程中趟过的坑
defineModel() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect. ...
vue2/vue3 Composition Api 常用工具集， @vueuse/core 之核心函数 elements 实践
VueUse是一款基于组合式API的函数集合。 VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS AP...
vue2/vue3 Composition Api 常用工具集， @vueuse/core 之核心函数 state 实践
VueUse是一款基于组合式API的函数集合。 VueUse不是Vue.use，它是为Vue 2和3服务的一套Vue Composition API的常用工具集，是目前世界上Star最高的同类型库之一。它的初衷就是将一切原本并不支持响应式的JS AP...
element-ui table 组件等一些数据组件自定义render，存数据库方法如何快速转解码
在日常开发中，很多业务数据需求都是使用表格，列表去承载。开发人员首先想到的是制作各种公共组件。在开发中为了满足各种个性化自定义渲染，就会有这样的需求，把动态方法存到数据库，渲染时根据方法动态渲染数...
Mac Pro 安装 oh-my-zsh 后不执行~/.bash_profile、~/.bashrc 导致之前的配置好的zsh命令没法正常使用
刚使用MAC笔记本时间不长的小白，昨天在知乎上看到知友推荐 oh-my-zsh 比系统自带的zsh 工具更友好，忍不住就安装，确实主题蛮好的。 第二天起来想运行一个前端项目，发现node、nvm等命令都不能用了 提示...
Vue3 element-plus 中使用 sheetjs xlsx 导入导出 Excel
由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。本文全部都是以xlsx格式为例。 ...
vite 常见报错解决集
Dynamic require of “path” is not supported 这里笔者使用的是最新版的 vite ^4.3.2 配置了项目的别名处理 const path = require('path') resolve: { alias: { '@': path.resolve(__dirna...
css display: inline-block; 行内块级元素之间的间隙怎么解决
在页面排版中，我们经常会有需要把多块内容放在一行显示。最常用的一种方法就是设置子元素为行内块级元素， display: inline-block;。当然也还有其它方式，如：display: flex; 等，这里就不展开讲了。 设置行...
vue-cli-service 报错 Error: error:0308010C:digital envelope routines::unsupportedvue-cli-service
这个错误的原因是因为 node.js V17+ 版本发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 笔者使用的 Node.js 版本是 18.16.0。解决这个总是有两个...