表头 图标vue3 vue
前端 vue 自定义导航栏组件高度及返回箭头 自定义 tabbar 图标
前端vue自定义导航栏组件高度及返回箭头 自定义tabbar图标, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12986 效果图如下: ![image](https://img2023.cnblogs.com/blog/32 ......
react antd 表头分组渲染的问题记录
``` import React, { useEffect } from 'react' import { observer } from 'mobx-react' import { get } from 'lodash' import { Modal } from 'antd' import Se ......
Vue.js
# Vue3 # Vue核心 ## Vue3快速上手 ![image](https://img2023.cnblogs.com/blog/2435432/202306/2435432-20230606232204274-1786524009.png) ## 1.Vue3简介 * **2020年9月 ......
[Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
##报错信息: [Vue warn]: Error compiling template: Component template should contain exactly one root element. If you are using v-if on multiple elements, ......
Vue_Django 登录注册+图书管理系统
# Vue前端 ## 注册页面 点击查看代码 ``` 注册页面 提交 ``` ## 登录 点击查看代码 ``` 登录页面 提交 ``` ## 查看所有图书 点击查看代码 ``` 图书管理 增加图书 修改 删除 ``` ## 新增图书 点击查看代码 ``` 添加图书 确认添加 ``` ## 修改图书 ......
vue3实现H5网页录音并上传(mp3、wav)兼容Android、iOS和PC端
使用 `Recorder插件` 可以在HTML5网页中进行录音,录音完成后得到blob文件对象,然后将blob上传到服务器;项目使用的vue3.0版本(这个插件同时支持vue2.0、也支持uniapp,很强!!),录音过程中会显示可视化波形,同时能够做到兼容PC端、Android、和iOS,一次编码 ......
vue报错Invalid VNode type: undefined
# 报错 项目启动后,部分内容没有显示出来。打开console后,显示` [Vue warn]: Invalid VNode type: undefined (undefined) ` ![image](https://img2023.cnblogs.com/blog/1553866/202306/ ......
vue后台管理系统实现全屏展示
1. 效果图展示 ![image](https://img2023.cnblogs.com/blog/2670775/202306/2670775-20230611120816911-2045209181.png) ![image](https://img2023.cnblogs.com/blog/ ......
Vue跨域配置异常采坑:Request failed with status code 401
本地用Express作为服务端,前端Vue项目配置跨域代理,调用服务端api接口始终报错“Request failed with status code 401”。原来发现是端口3000被占用了,被VSCode的一个插件占用了,修改为其他端口解决。 ......
vue3的composition API如何使用async语句
问题: 在setup 使用aysnc,生命函数钩子和函数必须出现在await 语句前面,否者会出现组件无法渲染以及内存泄漏的问题。 ``` import { ref, watch, onMounted, onUnmounted } from 'vue' export default defineAs ......
内网穿透访问Vue项目出现Invalid Host header解决办法
## 1.场景 > 在本地运行的Vue项目,当他人需要访问本地项目时,由于没有外网的服务器,这时需要使用内网穿透(也就是代理)提供的域名来访问本地 ## 2.问题 > 在通过内网穿透访问时出现`Invalid Host header`提示信息 ## 3.解决方法 > 在vue.config.js文件 ......
Vue 中const,var,let区别与用法
区别:1.const定义的变量不可以修改,而且必须初始化。2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。 ......
使用 Vue 和 Swiper 实现中间大两边小的轮播图效果
以下是使用 Vue 和 Swiper 实现中间大两边小的轮播图效果的代码: 1. 安装 Swiper: npm install swiper --save 2. 在 Vue 组件中引入 Swiper: import Swiper from 'swiper'; import 'swiper/css/s ......
前端vue基于原生check增强单选多选插件
前端vue基于原生check增强单选多选插件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12979 效果图如下: #### 使用方法 ```使用方法 <!-- 多选组件 checkData:多选数据 @change:多选事 ......
第一个vue程序
一,JS常用框架 1, Jquery 2, Vue(★★★) 3, React (Meta) 4, Angular (google) 二、第一个vue程序 1、引入cdn ``` ``` 2, Vue对象 ``` // 创建vue对象, 增加他的Vue参数 var vm = new Vue({ // ......
vue解决后端返回的图片路径名和原图片路径名相同时,浏览器缓存只会加载首次缓存的图片问题
方法一:让后端更改返回的路径名字。 方法二:前端自己处理。 在图片路径后拼接随机数或者时间戳 我用的是时间戳 this.$refs.rotate.src = res.data.url + "?" + new Date().getTime() :src="formData.indexUrl + '?' ......
获取网站元数据(标题、描述内容、图标)
> 做个网站导航链接的小项目,每次输入网址、标题等一系列信息很麻烦。所以想通过只输入网址自动获取相关内容。 #问题描述 通过输入一个网址,点击按钮后获取该网站的标题、描述内容和图标等信息。 最开始打算用vue前端实现功能,但是由于浏览器的同源策略限制,前端无法直接从其他网站获取这些元数据。 #解决方 ......
自定义字体/图标的使用
图标下载网站 选择需要的图标下载代码 下载后的代码 demo_index.html 里会教你怎么使用 1. 拷贝到index.css 将这五个文件拷贝 拷贝到新建的文件夹font 修改里面路径 2. 拷贝到index.css 3. demo_index.html 里有Unicode码 如下图使用 效 ......
ChatGPT教我用200行代码写一个简版Vue框架 - OpenTiny
AI 是未来最好的老师。最近,我正在准备一份关于 Vue 基础的学习材料。期间我突发奇想:能否利用现在热门的 ChatGPT 帮我创建学习内容?其实 Vue 本身不难学,特别是基础用法,但是,如果你想 ......
Vue启动报错:This usually happens because your environment has changed since running `npm install`
This usually happens because your environment has changed since running `npm install` 问题根本:这通常是因为运行NPM安装后环境发生了变化。 运行“NPM重建节点SASS——强制”来为当前环境构建绑定。 如何解决: ......
JAVA的springboot+vue家政服务管理平台,家政预约管理系统,附源码+数据库+论文+PPT
**1、项目介绍** 随着家政服务行业的不断发展,家政服务在现实生活中的使用和普及,家政服务行业成为近年内出现的一个新行业,并且能够成为大众广为认可和接受的行为和选择。设计家政服务管理平台的目的就是借助计算机让复杂的销售操作变简单,变高效。 家政服务管理平台采用了B/S结构,JAVA作为开发语言,数 ......
前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡
前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12974 效果图如下: # #### 使用方法 ```使用方法 <!-- // 腾讯地图key注册地址(针对H5端 ......
前端vue基于echart实现散点图
前端vue基于echart实现散点图, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12866 效果图如下: 参考代码如下: # #### 使用方法 ```使用方法 import echarts from '../../st ......
前端vue实现页面加水印文字 单个页面所有页面加水印 水印颜色
前端vue实现页面加水印文字, 可以实现系统所有页面加水印,也可以单个页面加水印, 可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12889 效果图如下: #### 使用方法 ```使用方法 /* 给系统所有 ......
前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )
快速实现echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 ); 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12735 效果图如下: ......
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12942 效果图如下: #### 使用方法 ```使用方法 <!-- pullDown:下拉刷新 back-t ......
前端vue uni-app多图片上传组件,支持单个文件,多个文件上传 步骤条step使用
快速实现多图片上传组件,支持单个文件,多个文件上传 步骤条step使用; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12747 效果图如下: 代码如下: # 多图片上传组件,支持单个文件,多个文件上传 支持图片压缩 #### ......
前端vue自定义table 表格 表格组件 Excel组件
快速实现vue uni-app自定义table 表格 表格组件 Excel组件,扩充性好,可切换四宫格 九宫格 十二宫格; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12705 效果图如下: 代码如下: # 自定义table ......