vue2.0父子组件通信的方法
vue2.0组件通信方法：props传值和emit监听。（.sync方法已经移除。详情请点击）（dispatch-和-broadcast方法也已经废弃）props方法传值：Props 现在只能单项传递。为了对父组件产生反向影响，子组件需要显式地传递一个事件而不是依赖于隐式地双向绑定。props方法传...
Vue3+Vite开发的项目进行加密打包
在Vue3中使用qrcode库实现二维码生成 forest_csdn_1: 第一个直接用img的形式，浏览器报错pay-way.vue:380 Error: You need to spec...
vue elementui el-table 表格里边展示四分位图
<template><el-table size="small" :header-cell-style="headerCellStyle()" style="width: 100%;" highlight-current-row ...
谈谈 vue 生命周期
目录 什么是 vue 生命周期？有什么作用？ 对vue生命周期的理解 使用场景 created 和 mounted 的区别 第一次页面加载会触发哪几个钩子？ 什么是 vue 生命周期？有什么作用？ 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂...
【前后端】django与vue的结合使用
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言一、前后端分离的简介二、django与vue的结合使用三、总结 前言 随着开发语言及人工智能工具的普及，使得越来越多的人会主动学习使用一些开发工具，本文主要介绍了django和vue的结合使用。 一、前后...
vue3去掉el-table底部白色边框
加入下面这一行代码就行了，我用的是less :deep(.el-table__inner-wrapper:before) { background: none; } 效果图...
如何在vue3+vite中优雅的使用iconify图标
前言 从Vue2迁移到Vue3，在使用上有着很大的差别。本文的话主要是针对图标的使用差别上进行分析，同时给出基于iconify图标库中unplugin-icons的用法。这里特殊说明一下：其实element-plus中用到的图标也是基于iconify图标库的，在我们引入了unplug...
Vue3的新组件＜Suspense＞
在 Vue 3 中，你可以使用 <Suspense> 组件来包裹异步组件，从而提供一个更好的用户体验，包括在组件加载时的占位符和加载失败时的错误提示。<Suspense> 是 Vue 3 提供的一个新特性，允许你指定加载异步组件时的默认内容和错误状态。 以下是一个如何在...
【Vue3进阶】- Router 4-路由守卫
路由守卫主要用来通过跳转或取消的方式守卫导航。 每个路由守卫接收两个参数 to：代表即将要进入的路由from：代表当前即将离开的路由可选的第三个参数next 当设置该参数时，需要确保在路由守卫中执行一次next()若未调用，则页面导航将被阻塞，无法正常跳转。它可以出现多次，但应只执行一次。 nex...
国产麒麟v10系统下打包electron+vue程序，报错unknown output format set
报错如下： 报错第一时间想到可能是代码配置原因报错，查看代码似乎感觉没啥问题 又查看具体报错原因可能是因为icon的原因报错，后面查阅发现ico在各系统平台会不兼容，也就是ico是给win下使用的，此处改下图标格式就ok，我这里使用的是png作为图标 background.js： vue.co...
SpringBoot3 + Vue3 + Element-Plus + TS 实现动态二级菜单级联选择器-效果展示
1.1 点击效果 1.2 选择效果 1.3 返回值 返回值为二级分类的 id {categoryId: "21"} 1.4 模拟后端返回数据 const categories = [[ { "id": 9, "name": "吃的" }, { "id": 5, "name": "食品...
微信小程序酒店选择日期和入住人数（有效果图）-需要引入的.vue
<template><view><view @click="page_showModal('reservation',1)">打开房租</view><view @click="page_showModal('reservation',2)"&g...
vue的优化手段
vue常见优化手段 使用key 对于通过循环生成的列表，应给每个列表项一个稳定且唯一的key，这有利于在列表变动时，尽量少的删除、新增、改动元素。 使用 index 作为 key 值，唯一但是不稳定。 一般情况下，应该选取 id 作为key值。 使用冻结对象 冻结的对象不会被响应化。 Object....
vue中router使用keep-alive缓存页面的注意事项
<keep-alive exclude="QRCode"> <router-view></router-view> </keep-alive> exclude表示不缓存这个界面，注意 QRCode是组件的名字export d...
vue使用海康控件开发包——浏览器直接查看海康监控画面
1、下载控件开发包 2、安装插件（双击/demo/codebase/HCWebSDKPlugin.exe进行安装） 3、打开/demo/index.html文件 4、在页面上输入你的海康监控的登录信息进行预览 如果有监控画面则可以进行下面的操作 注意：以下操作都在Vue项目进行 5、复制开发包...
前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
vue热更新编译慢的解决办法 安装插件：babel-plugin-dynamic-import-nodeyarn add babel-plugin-dynamic-import-node -D增加配置文件：babel.config.js module.exports = { env: { d...
基于vue+node+mysql的视频校对系统
一、登录注册：包括登录，注册，忘记密码，验证码等常用点。 二、用户管理：包括用户的增删改查 三、权限管理（请增加这个权限：任务分配——只有管理者才能发布和删除任务；管理员设置。 四、个人中心 五、任务分配： 任务清单应体现：任务标号，视频名字，视频文件，参加人员（被指定完成任务的不止一个），完成情况...
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
1 找到属性标签添加 lazy 和 :load="loadNode" 这两个属性 2 引入树形接口,并和后端约定好传值,(拿我的举例 第一次获取全部父级默认第一次传参数:{ parentId : 0},可获取全部父级 第二次通过点击的子级把子级id传进去,这一步就用到了:load="loa...
vue3的ref和reactive-Reactive函数
作用：定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）。 使用ref定义的响应式数据，在js中修改的时候必须加上.value；使用reactive定义的响应式数据，不用.value就可以进行修改，无论对象层级有多深，数组也可以直接用索引来修改。 语法：const 代理对象 = ...
Vue 常用修饰符
目录 定义 事件修饰符 v-on（缩写@） 鼠标按键修饰符 v-bind 修饰符（缩写:） 键值修饰符 表单修饰符 定义 修饰符是用于限定类型以及类型成员的声明的一种符号，vue 中修饰符分为以下五种：事件修饰符、鼠标按键修饰符、v-bind 修饰符、键值修饰符、表单修饰符 事件修饰符 v-on（...