- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue3使用wangeditor
本文介绍了如何在Vue3项目中集成WangEditor富文本编辑器。主要包括安装步骤、基础配置（双向绑定、样式设置）、核心功能实现（自定义菜单、内容长度限制、只读模式）以及图片上传配置。详细说明了编辑器初始化、内容变更监听、菜单项定制等常用功能，并重点演示了图片上传的自定义实现，包括文件大小限制、类型验证和上传进度监控等内容，帮助开发者快速掌握WangEditor在Vue3中的集成与应用。
2025-11-05 09:09:29
165
原创 vue3实现中英文切换
本文介绍了使用Pinia和Element Plus实现中英文切换功能的方法。首先在main.js中引入Pinia并创建store，然后定义包含中英文文本的locale store，提供翻译函数和语言切换功能。在组件中通过按钮切换语言，并自动更新Element Plus组件的语言显示。实现步骤包括：1) 初始化Pinia；2) 创建locale store管理语言状态；3) 在组件中实现语言切换按钮；4) 配置Element Plus使用对应的语言包。系统会自动根据浏览器语言或本地存储设置初始语言。
2025-08-19 17:11:12
245
原创 微信小程序实现语音输入功能
摘要：本文介绍了微信小程序实现语音识别功能的方法。首先需要在微信小程序平台添加插件并在用户隐私保护指引中申请录音权限。代码实现包括：1）创建录音按钮组件，通过bind事件绑定开始/结束录音；2）引入WechatSI插件并初始化录音管理器；3）实现录音开始/结束、识别结果回调等核心功能；4）处理录音权限授权逻辑，包括首次授权和授权失败后的引导流程。通过manager.onRecognize等方法实现实时语音转文字，并将识别结果实时显示在界面上。
2025-07-23 17:01:39
432
原创 element-ui中的table里@selection-change方法执行了两次
问题描述： 当执行renewReaderChange这个方法的时候发现莫名其妙的执行两次，而且复选框勾不上。
2023-05-11 18:05:16
1282
1
原创 this.$set() 和JSON.parse(JSON.stringify()) 解决数据改变，视图没有发生改变
JSON.parse(JSON.stringify()) 的使用。这两个都是解决数据改变，视图没有改变的问题，实现数据的双向绑定。this.$set()的使用。
2023-03-02 13:58:10
357
原创 elementUI 二次封装table组件 表内有slot-scope解决方法 以及 表格的动态隐藏与显示
封装的组件tableList<template> <div class="contrainer"> <el-table :data="tableData" style="width: 100%; margin-top: 10px;" @selection-change="totalChange" :row-class-name="tableRowClassName" v-loading="loadding"> <el-table-co...
2022-05-16 11:19:58
1244
原创 vue 中 vue-print-nb 表格打印不全的问题
先安装 vue-print-nbnpm install vue-print-nb --save然后main.js引入import Print from 'vue-print-nb'Vue.use(Print)点击打印的时候 使用 v-print然后给要打印的内容添加一个 id给在data中的 printObj 添加内容最后添加样式<style media="print">@page { size: auto; margin: 3mm;
2022-04-20 10:47:50
6400
11
原创 elementui 上传图片限制大小和类型
添加 accept 只接受 jpg 、jpeg 、png、JPG、JPEG 类型的文件 下面那个isJPG也作出了判断，因为上面添加了accept就不会出现其他类型的文件选择，所以下面isJPG可以不要，也不会弹出信息。二选一限制图片大小为500kb，如果要限制为2MB，那么 const isLt2M = file.size / 1024 /1024 < 2就OK了...
2022-03-30 15:27:20
3609
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人