vue开发技巧集锦

Vue.js项目构建

Vue.js是一个流行的JavaScript框架，用于构建用户界面。下面是使用Vue.js构建项目的详细方法：安装Vue.js：首先，你需要在项目中安装Vue.js。
彭于晏“·2024-08-30 13:46

go 开发小技巧

二、go开发技巧2.1SemaphoretypeSemaphorechanstruct{}funcNewSemaphore(maxCountint)Semaphore{returnmake(chanstruct
卡卡舅舅·2024-08-30 13:16

是什么让尤大选择放弃Webpack？面向未来的前端构建工具 Vite

PS：最近的vite比较火，而且发布了2.0版本，vue的作者尤雨溪
码民的飘柔·2024-08-30 12:42

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的
F-125·2024-08-30 12:41

react 样式和vue样式的区别

vue:通常分为.vue+css文件区别二：react在写页面样式时，最好其余的样式最好包裹在当前样式下面，不然容易生成全局样式，对其它页面的样式造成影响。
资深前端之路·2024-08-30 12:11

Vue学习笔记-组件通信

最近公司需要开发酒店客房管理的OTA系统，我们使用vue.js2.0+ElementUI开发时，就遇到了问题:一个页面有很多表单,我试图将表单写成一个单文件组件,但是表单(子组件)里的数据和页面(父组件
赵客缦胡缨v吴钩霜雪明·2024-08-30 12:40

Vue3 + Axios双Token刷新解决方案

本文将介绍如何在Vue3项目中使用Axios实现双Token刷新机制，确保用户体验流畅的同时提高安全性。
洛*璃·2024-08-30 12:10

echarts实现中国地图轮播省份地图（vue）

代码如下：import*asechartsfrom'echarts'importchinafrom'../../../assets/json/china.json'exportdefault{data(){return{myChart:null,myTime:'',}},mounted(){window.exposedGoPath=(data)=>{this.$router.push({name:
煮豆燃豆萁~·2024-08-30 12:10

vue 使用el-table 设置了show-overflow-tooltip属性，路由跳转后，气泡不消失的解决办法

文章目录一、问题场景二、解决方法1.问题bug2.最终解决总结一、问题场景在vue项目里使用el-table做一个列表页面，表格设置了show-overflow-tooltip属性，文字过长时鼠标滑过会展示气泡显示全部文字内容
前端小白记录·2024-08-30 12:09

webpack4手动搭建Vue项目

，达到运行程序的目的3.无论什么东西都转成js，然后插入到一个空空的html文件中运行4.webpack就是个管理者，管理着一堆loader，一堆loader的作用就是把自己负责的东西弄成js手动搭建Vue
YUELEI118·2024-08-30 12:37

关于在vue2中给el-table加边框的写法

分三个位置分别给el-table添加边框线样式
又写了一天BUG·2024-08-30 12:36

使用npm配置vue项目历程

1、使用npm配置vue项目历程1.1、npm安装项目环境很慢配置国内淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org指定国内镜像仓下载软件
hzw0510·2024-08-30 12:04

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?
爱学英语的程序媛·2024-08-30 12:04

关于vue2运行时filemanager-webpack-plugin报错isFile is undefind

当我们在运行时报此错误时，在vue.config.js里找一下filemanager-webpack-plugin的配置路径。
又写了一天BUG·2024-08-30 12:34

Vue3_指令(内置和自定义)

目录一、内置指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-once14.v-memo（3.2+）15.v-cloak二、自定义指令1.规则2.钩子一、内置指令1.v-text更新元素的文本内容。{{msg}}2.v-html更新元素的in
开心小老虎·2024-08-30 12:04

vue.js-指令

Vue.js指令表达式的值除了可以出现内容中，也可以使用在其它位置，比如：属性。
mengyang.·2024-08-30 11:03

Vue(一) 插值与指令语法、数据代理、MVVM模式、事件处理

文章目录1.初始Vue2.模板语法2.1插值语法2.2指令语法3.el与data的两种写法3.1el的两种写法3.2data的两种写法4.MVVM模式5.数据代理5.1Object.defineProperty
爱喝水的小鼠·2024-08-30 11:02

vue 调用移动录像_vue H5项目调用手机摄像头录像并上传

上传文件input.file{position:relative;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2;}.wrapper{color:#fff;background-color:#31b0d5;border-color:#269abc;margin-top:5px;margin-bottom:5px;display:
weixin_39791446·2024-08-30 10:58

vue3+ts 引入 json-editor-vue3 报错

v=00499bcc'doesnotprovideanexportnamed'default'(atjson-editor.vue:2:8)尝试解决、1.import'jsoneditor'importJsonEditorVuefro
Red_Xx·2024-08-30 10:24

使用vue如何调用手机摄像头进行拍摄和录像

首先我们需要注意如果要调用手机镜头必须要开启https请求，如果没有可以在当前服务器面板去申请ssl证书，这样的话我们就能调起手机摄像头了，废话也不多说了直接上demo,demo还有些不完善的东西，还请路过的各位大佬指教一下啦import{showToast,showSuccessToast,showFailToast,showLoadingToast,Overlay,Popup,Circle}f
那维莱特·2024-08-30 10:52

SpringBoot+Vue疫苗接种管理系统 预约接种疫苗管理系统 疫苗接种查询系统Java

：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端：Vue
计算机程序老哥·2024-08-30 08:49

uniapp微信小程序报错Component is not found in path

正确：components/组件文件夹/组件.vue错误：components/组件文件夹/组件文件夹/组件.vue3.不清楚原因，这样改就不会报错，人嘛了
陈不知代码·2024-08-30 08:09

自定义全局变量在uniapp的Vuex应用

本文介绍了uniapp使用自定义全局变量的方法。当同一业务在连续页面操作时，存在部分筛选变量需要始终保持一致，比如时间筛选条件等，来回跳转页面时如果采用变量传递，常较为繁琐，存在遗漏传递或未清除上一次变量值，造成错误。本文介绍了通过store本地缓存机制，实现全局变量的方法。一、自定义全局变量设置文件businessGlobeVariable.js@/store/modules/businessG
星月梦瑾·2024-08-30 07:38

Vue3初识

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive
冲锋敢死曾小贤·2024-08-30 07:00

Module not found: Error: Can‘t resolve ‘sass-loader‘ in...

main.jsModulenotfound:Error:Can'tresolve'sass-loader'in'E:\study_software\JetBrains\WebStorm2021\WebstormProjects\vue-element-admin-master'npminstallsass-loader
Coisini_甜柚か·2024-08-30 04:50

终端输入vue ui没反应---使用vue ui出现的四个问题

vue创建项目方法：快速通道问题1：终端使用vueui无反应，而且工具列表没有ui操作，既无法使用vueui来创建项目原因：vue版本问题，卸载原来的vue版本，然后重新安装vue-h查看帮助信息，没有
Coisini_甜柚か·2024-08-30 04:20

vite打包工具的简单使用

vite打包工具的简单使用Vite是一个由Vue.js核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。
Software攻城狮·2024-08-30 04:20

【记录】 VUE3 + VITE + TS配置不同环境

根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注：vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://dev.api.xxxx.com3.在package.json配置环境启动"scripts":{"serve:dev":"vite--modedevelopment","serve:test":"v
——a·2024-08-30 04:18

Vue3+Vite2环境变量配置，分别配置本地，测试，正式

第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155
embelfe_segge·2024-08-30 04:47

实现自定义拖动客服按钮

import{ref}from'vue';exportdefault{setup(){consttop=ref(20);//初始位置的上边距constleft=ref(20);//初始位置的左边距letisDragging
鹤鸣的日常·2024-08-30 04:17

《四大名著》金句集锦

一、《三国演义》宁教我负天下人，毋教天下人负我。鞠躬尽瘁，死而后已。治世之能臣，乱世之奸雄。良禽择木而栖，贤臣择主而事。人中吕布，马中赤兔。天下动之至易，安之至难。深根固本以治天下。举杯畅饮情何放，拔剑捐生悔已迟。屈身守分，以待天时。天下英雄，惟使君与操耳！势弱只因多算胜，兵强却为寡谋亡。胜负兵家之常，何可自隳其志。事定之后，乃计曲直，不亦善乎？生得其名，死得其所。淡泊以明志，宁静而致远。万事俱备
汉唐雄风·2024-08-30 04:35

Vue-cli创建单页面网页

安装npminstall-g@vue/cli创建项目vuecreate项目名选择预设环境使用键盘的上下键进行选择，enter键确定默认情况下是default(bableeslint)bable:下一代JavaScript
caiyiii·2024-08-30 03:55

【VUE+SpringBoot】前端获取到的数据与后台从数据库中获取到的数据不一致

问题后台从数据库中查询到的数据，转换成JSON字符串传到前端后，缺少部分字段。@RequestMapping("/getUpdateUser")publicStringgetUpdateUser(intid){Useruser=userDao.getUpdateUser(id);Stringstring=JSON.toJSONString(user);returnstring;}asyncshow
你不懂的阳·2024-08-30 02:49

基于SpringBoot+Vue+MySQL的图书管理系统

系统背景  在探讨基于SpringBoot+Vue+MySQL的图书管理系统的研究背景时，我们可以从以下几个方面进行深入分析：一、数字化时代的图书管理需求  随着信息技术的飞速发展和互联网的普及，数字化已成为现代社会不可逆转的趋势
程序员大金·2024-08-30 02:07

上传文件太大 net::ERR_CONNECTION_ABORTED 500 (Internal Server Error) 连接失败错误

前端技术:VUE,elementUI后端技术:springCloudspringBoot前台上传文件时一直报错:net::ERR_CONNECTION_ABORTED问题根因:上传文件太大,超过后台配置解决办法
我的风格0.0·2024-08-30 02:05

vue实现echarts-wordcloud词云图表，wordcloud参数配置列表

1、通过npm引入echartsnpminstallecharts--save2、在main.js中添加下面两行代码importechartsfrom'echarts'Vue.prototype.
总是幸福的小豌豆·2024-08-30 02:33

vue 精选评论词云 集成echarts-wordcloud TF-IDF算法

这一期在我们的系统里集成词云组件，开发的功能是景区精选评论的词云展示功能。这个界面的逻辑是这样的：在数据框里输入城市，可以是模糊搜索的，选择城市；选择城市后，发往后台去查询该城市的精选评论，由于一个城市会有很多景点，所以精选评论也有很多，采用TF-IDF算法，计算关键词，返回给前端，使用echarts词云组件进行可视化；再次输入城市，可以切换城市，同时词云会重新渲染。1词云页面开发首先前端安装词云
麦麦大数据·2024-08-30 02:01

vue 中最基本的指令

插值表达式v-cloak（防止网速问题造成的内容错误）v-text绑定内容v-bind(缩写是:)绑定属性v-on(缩写是@)绑定事件v-model双向绑定属性只能应用于表单元素input（radio，text，address，email。。。）v-for在v-for要会使用：（key属性绑定(只接收单一的string/number)）循环数组：v-for="iteminlist"v-for="(
Victor_b905·2024-08-30 01:49

Vue项目 - 超时登出后如何跳login登录后返回之前页面

在项目中，我们会经常遇到超时登出的功能。跟后台约定好超时登出后返回的code。目前这个项目的登出code是401。由于我们的axios是全局配置的，所以只需要在axios发送get或post请求的地方做一个是否登出的判断：（以下已post为例）axios.post(url,params).then(response=>{if(response.data.code=='0'||response.da
1994陈·2024-08-30 01:16

计算机毕业设计python企业员工信息管理系统 03j8q

本员工工资管理系统使用了开源框架vue开发实现了员工工资管理系统，并且使用了开发工具vscode和数据库MySQL。
QQ58850198·2024-08-30 01:22

uniapp 小程序微信登录

已授权":"小程序授权"}}js代码import{mapMutations}from'vuex'exportdefault{data(){return{code:"",SessionKey:'',encrypt
害的人·2024-08-30 00:51

UniApp首页与导航页设计开发全攻略

一、简介UniApp是一款基于Vue.js框架的跨平台开发工具，可以帮助开发者使用一套代码快速构建出多个平台的应用程序，如iOS、Android、Web等。
new_一个对象·2024-08-30 00:50

vue3+element-plus实现table表格整列的拖拽

136470284一、为防止原文章不见了将参考文章代码拷过来了（不好意思）：这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive,ref}from"vue
不恰香菜辣baga·2024-08-30 00:48

八个方法集锦【30秒学会！】

U盘作为便捷的数据传输工具，虽带来便利，却也暗藏数据泄露的风险。为了保障您的数据安全，下面精心整理了八大方法，助您轻松禁止U盘内文件的复制，只需30秒，即刻掌握！1.权限管理：在Windows系统中，通过设置U盘分区的权限，限制特定用户或用户组对U盘文件的访问。如将复制、删除权限设为拒绝，即可有效防止文件被复制。2.专业软件护航：利用如安企神等专业的U盘管理软件，不仅能精细设置U盘使用权限（只读、
等风来 等缘起·2024-08-29 23:44

websocket 初级

-npminstallwebsocket-App.vue//App.vueWebSocket已连接WebSocket未连接发送消息{{receivedMessage}}importtestMefrom"
m0_75101866·2024-08-29 22:39

从零开始掌握Vue实例

从零开始掌握Vue实例：深入理解数据绑定与生命周期的核心秘诀引言简要介绍主题：在学习Vue.js的过程中，Vue实例是最基础也是最关键的部分。
程序员凡尘·2024-08-29 22:39

vue3+ts+canvas项目中图片进行矩形批注

看效果：废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co
嘴巴嘟嘟·2024-08-29 22:34

【转】Vue.js使用Blob的方式实现excel表格的下载(流文件下载)

导出Excelimportapifrom"../../api/api.js";importaxiosfrom"axios";exportdefault{data(){return{pageSize:30,}},created(){},computed:{},mounted(){},methods:{downloadUrl(){//console.log(api.serverUrl);letpara
Bior·2024-08-29 22:41

Vue实现文件下载进度显示

//downLoadProgress为进度百分比asyncdownloadFile(){constthat=thisawait$axios.get(url,{responseType:'blob',onDownloadProgress:function(progressEvent){if(progressEvent.lengthComputable){that.downLoadProgress=(
大海星辰798·2024-08-29 22:03

群辉docker前端部署失败处理2

chmod-R755/usr/share/nginx/htmlchown-Rroot:root/usr/share/nginx/htmlnginx-sreloaddockerrestartdfdgdemo_vue
脚大江山稳·2024-08-29 21:33
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他