望南

安装mqttnpm i mqttuntils/mqtt.tsimport mqtt from 'mqtt'// 声明mqtt的options数据包类型export interface MqttconnecOption extends mqtt.IClientOptions {}// 为方便外部组件处理message,声明消息回调方法类型export declare type OnMessageFun = (topic: string, payload: Buffer) => voi

首先创建一个socket.ts文件封装公共方法/* * @Descripttion: 封装socket方法 * @version: * @Date: 2021-08-06 11:14:39 * @LastEditTime: 2021-10-26 14:06:34 */import i18n from '@/locales'import store from '@/store'import { ElMessage } from 'element-plus'import { Base64 }

其实主要判断的点有两个，一共三种情况：判断url参数是否只有一个，使用一个参数的正则匹配判断多个参数：1、 判断是否是第一个参数2、判断是否是第二个参数这两个点梳理出来就开始实现正则匹配，但是每次匹配的时候要考虑传入的值是否为空，如果为空要按上述两种情况去处理，把值替换为空串，如果不为空，按默认正则模板直接替换代买实现：/** * @description: * @param {string} name:传入的键名，参数名 * @param {any} value：传入的值 *

第一步：在shims-vue.d.ts配置文件中写入：declare module '*.json' { const value: any; export default value;}第二步：在需要引入底地方：import configs from '../../package.json'自己根据自己的相对路径去查找

最近手里三个vue项目都出现：这个踢死，网上查了下这个是啥，重新认识caniuse博主详细解释了一些，想了解的可以看看，解决方案：npm i caniuse-lite@latest直接更新最新版 caniuse-lite，如果没有生效，建议node_modules下面的caniuse-lite包，重新执行npm i caniuse-lite@latest npm i autoprefixer@latest npm i caniuse-lite browserslist@latest

项目框架vue3.0+typescript+vuex4+vue-router+i18n多语言+axios+eslint+element+包含一些验证方法库，所有公共插件提取封装，开发—测试等环境变量配置

1 页面结构顶部为一级菜单，左侧为无限极二级菜单问题：当切换一级菜单之后，菜单只有在刷新之后才能有高亮属性，检查获取到的route.path是没有问题的，就是渲染不上，所以把问题定位到父组件与 子组件的渲染和传值问题上，解决思路1、在子组件上加一个v-if控制`<LeftBar v-if="show" :menuList="LeftBarMenu" />2、监听父组件所传值的改变 watch( () => state.LeftBarMenu,

解决vue-i18n表单验证rules自动触发问题技术栈 vue3.0+ts+element-plus问题就像下面图片所展示，我们每次点击右侧语言切换的时候，都会触发表单的rules，我们没有动表单，还是会出现验证信息.技术栈 vue3.0+ts+element-plus问题就像下面图片所展示，我们每次点击右侧语言切换的时候，都会触发表单的rules，我们没有动表单，还是会出现验证信息.1、因为我们要实现如果在验证的中途切换的语言的时候，error message也会跟着触发，所以我们将代码写到com

二级路由导致菜单高亮失效首先 如果页面没有添加二级路由或者多级路由菜单得话，可以直接使用官网给的方法 :default-active="$route.path"就没有问题了但是当存在多层路由嵌套得时候，建议将路由写在计算属性里面 :default-active="defaultActive"其中计算属性里面写入需要或企业得路由， computed: { //获取当前...

实现表格数据导出时，试用url方式跳转时，如何将请求参数拼接到请求地址栏首先列举一个数据对象selectData:{ name: &quot;&quot;, age: &quot;&quot;, tel: &quot;&quot;,}类似这样一个数据对象，采用方法let param = qs.stringify(this.selectData);this.selectData是vue里面获取自定义数据的方法，当然主要讲的是qs.str..