表头 图标vue3 vue

[vue] Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.

## 问题描述 ![](https://img2023.cnblogs.com/blog/1274626/202306/1274626-20230620091747723-1505063965.png) ##解决方法 ``` npm i vue@3.2.26 ``` 重新运行即可 ``` npm r ......

京东微前端应用MicroApp,主应用vite-vue3,子应用vite-vue3+pinia

[micro-app 官方地址](https://zeroing.jd.com/) [micro-app 官方demo地址](https://github.com/micro-zoe/micro-app-demo) 这篇文章主要是为了记录,本人在使用中遇到的一些问题,供参考 1. 资源找不到 -> ......
vite-vue vite 前端 vue MicroApp

前端Vue自定义询问弹框和输入弹框

前端Vue自定义询问弹框和输入弹框, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13119 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01794 ......
前端 Vue

前端Vue自定义简单实用中国省市区三级联动选择器

#### 前端Vue自定义简单实用中国省市区三级联动选择器, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13118 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
省市区 前端 省市 Vue

前端Vue自定义服务说明弹窗弹框 自下而上底部弹框

#### 前端Vue自定义服务说明弹窗弹框 自下而上底部弹框, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13108 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfc ......
自下而上 前端 底部 Vue

将 Vue 项目部署到 Nginx 上

将 Vue 项目部署到 Nginx 上 安装 Nginx 下载地址:nginx: download (1)因为我在 Windows 系统下安装 Nginx,所以选择 nginx/Windows-1.22.1。下载的资源是一个压缩包,解压后即可使用。 (2)打开命令行提示符(cmd),切换到 Ngin ......
项目 Nginx Vue

vscode 上的 Latex 工程恢复 TEX 插件图标

1. 在vscode工程中选中 .tex 文件后如图操作: 2. 配置成功后左侧栏会多出一个 TEX 图标,同时右上角的编译按钮也会显现: Alt + Shift + F 代码格式化快捷键功能也会恢复 ......
图标 插件 vscode 工程 Latex

vue el-input 输入框 限制小数点后 只能有三位小数

​​oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+4)}"​​ ......
小数 小数点 el-input input vue

vue中使用axios

##引入axios ###错误用法 在main.js中引入,需要注意的是,因为axios是第三方库,不是vue的插件,所以下面的这种写法不支持。 ``` import axios from 'axios'; Vue.use(axios) ``` ###正确用法 结合 vue-axios使用,vue- ......
axios vue

vue通信-provide&inject

刚完成一个需求,父组件开启一个任务,开启后孙组件显示一个执行按钮,在孙组件中点击执行按钮,再到父组件中执行任务并隐藏按钮;可以使用props和emit实现,因为组件层级较多,所以考虑使用provide&inject实现父组件和孙组件的通信; 以下代码记录实现过程: 父组件:Parent.vue `` ......
provide inject vue amp

记录--Vue3 封装 ECharts 通用组件

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 按需导入的配置文件 配置文件这里就不再赘述,内容都是一样的,主打一个随用随取,按需导入。 import * as echarts from "echarts/core"; // 引入用到的图表 import { LineChart, ty ......
组件 ECharts Vue3 Vue

vue-element-template|实现登录,根据权限显示路由

文章目录 前言 一、安装vue-element-template基础模板? 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......

vue2数组更改页面不刷新

赋值换成这样: this.$set(this.obj.list, 1, { name: '小红',age: 18}) ......
数组 页面 vue2 vue

Vue3中computed的用法

Vue3中computed的用法 computed又被称作计算属性,用于动态的根据某个值或某些值的变化,来产生对应的变化,computed具有缓存性,当无关值变化时,不会引起computed声明值的变化。产生一个新的变量并挂载到vue实例上去。 一、computed简写形式 <template> < ......
computed Vue3 Vue

js substr方法截取截断emoji图标问题

function safeSubstring(str, start, length) { var end = start + length; var result = ""; var emojiFlag = false; for (var i = start; i < end; i++) { var ......
图标 方法 substr 问题 emoji

vue3 + i18n

vue3 + i18n 安装: npm install vue-i18n yarn add vue-i18n main.js 如果在一个模块系统中使用它,你必须通过 Vue.use() 明确地安装 vue-i18n: import { createApp } from 'vue'import App ......
vue3 i18n vue i18 18n

谈谈Vue3中的ref和reactive

谈谈Vue3中的ref和reactive ref和reactive是什么?ref和reactive是Vue3中用来实现数据响应式的API一般情况下,ref定义基本数据类型,reactive定义引用数据类型(我喜欢用它来定义对象,不用它定义数组,原因后面讲)我理解的ref本质上是reactive的再封 ......
reactive Vue3 Vue ref

vueup/vue-quill 的用法

<template> <div class="EmailDialog"> <div class="EmailDialog-main" :style="{ borderColor: isShow ? '#474edb' : '#f0f2fc' }" @click="openDialogHandle" ......
vue-quill vueup quill vue

微信小程序引入 iconfont 图标库

记录一下微信小程序引入iconfont 的步骤及操作流程 1,申请iconfont仓库地址 https://www.iconfont.cn/ 注意要点, 微信小程序不能直接引入,只能引入 base64 的 iconfont,我看很多人在推荐一些第三方网站转。然而iconfont本来就支持 2,自己选 ......
图标 iconfont 程序

vite+vue3项目中使用 lottie 动画,如何在 template 中直接使用本地 json 文件路径

安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC ......
路径 template 文件 项目 动画

直播系统搭建,密码输入框自定义显示隐藏图标

直播系统搭建,密码输入框自定义显示隐藏图标 <el-input>标签代码 <el-input ref="pwdInput" :type="pwdObj.pwdType" v-model="password" @focus="focusEnd($event)"> <!-- input中加图标必须要有s ......
图标 密码 系统

vue使用@符合写路径不识别

在vue中写@符合不被识别,需要在配置中进行修改,修改内容如下: resolve: { //别名配置 alias: [ { find: "@", replacement: "/src", }, ], //忽略文件名 extensions: [".mjs", ".js", ".ts", ".jsx", ......
路径 vue

修改svg图标颜色方法

1. 直接修改svg文件中fill属性 2. 使用css修改svg图标的fill属性 仅对内联svg有效 3. 使用currentColor 只对html中内联的svg有效,包括symbol和use,对background中svg无效 修改svg文件中的fill属性为currentColor,在父级 ......
图标 颜色 方法 svg

手牵手带你实现mini-vue

Vue 的双向数据绑定实现原理是什么样的,如果让我们自己去实现一个这样的双向数据绑定要怎么做呢,本文就与大家分享一下 Vue 的绑定原理及其简单实现 ......
牵手 mini-vue mini vue

使用nwjs打包VUE生成桌面应用

摘抄自:https://blog.csdn.net/weixin_40521770/article/details/126907614 目前已知把Vue项目打包成桌面应用有两种方式:(1)使用nwjs生成桌面应用;(2)使用Electron生成桌面应用。本文采用的是nwjs生成桌面应用,也是我认为最 ......
桌面 nwjs VUE

前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩

#### 前端Vue图片上传组件支持单个文件多个文件上传 自定义上传数量 预览删除图片 图片压缩, 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13099 #### 效果图如下: ![](https://p3-juejin.by ......
图片 文件 前端 单个 组件

Vue3 - 实现文本复制粘贴功能

1.安装库并导入 npm i vue-clipboard3 --save 2.在需要的前端文件中导入 import clipboard3 from 'vue-clipboard3' html结构如下 <template> <div class="hello"> <input type="text" ......
文本 功能 Vue3 Vue

JAVA的springboot+vue家乡特色推荐系统,附源码+数据库+论文+PPT,适合毕业设计、课程设计

**1、项目介绍** 在Internet高速发展的今天,我们生活的各个领域都涉及到计算机的应用,其中包括家乡特色推荐的网络应用,在外国家乡特色推荐系统已经是很普遍的方式,不过国内的管理网站可能还处于起步阶段。家乡特色推荐系统采用java技术,基于springboot框架,mysql数据库进行开发,实 ......

Vue 开发环境搭建

## 1 安装环境 ### Node.js js的运行环境,相当于 java 的 jvm 官网:https://nodejs.org/en,下载最新稳定版 `18.16.0 LTS`,双击安装即可 自动安装了npm,终端验证: ```bash C:\Users\Administrator>node ......
环境 Vue