vue开发技巧集锦

【可视化大屏系列】DataV的使用

可视化大屏开发系列——DataV的使用一、介绍二、注意事项1、技术支持2、兼容性3、状态更新三、实现效果四、使用（在vue2项目中）1.npm安装2.main.js中引入3.开启愉快地玩耍（1）全屏容器
元气满满的大咸鱼·2024-08-22 22:06

vue3 组合式 API：setup()

查看vue3官网介绍：组合式API：setup()在Vue3中，组合式API的setup()函数是一个非常重要的特性，它提供了一种更灵活和可维护的方式来组织组件的逻辑。
fishmemory7sec·2024-08-22 21:03

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

前端Vue自定义询问弹框和输入弹框，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?
前端组件分享·2024-08-22 21:50

可视化大屏-实现自动滚动

一、背景：可视化大屏通常需要用到自动滚动的效果，本文主要采用的是vue-seamless-scroll组件来实现（可参考官方文档）二、实现效果：自动滚动三、代码实现：解题思路：1.先安装依赖包npminstallvue-seamless-scroll
M.LNG@li·2024-08-22 20:00

Vue2如何引入Echarts

组件库三、使用Echarts一、NPM下载Echartsnpminstallecharts-S二、引入Echarts组件库//引用Echartsimport*asechartsfrom'echarts';Vue.prototype
Monly21·2024-08-22 19:52

Vue：Vuex-Action

让我们来注册一个简单的action：conststore=newVuex.Store({state:{count:0},mutations:{increment(state){state.count++
ChinaDragonDreamer·2024-08-22 19:20

python商品库存管理系统 django框架 商品网站 MySQL数据库 源码下载 计算机毕业设计

一、功能注册、登录、后台管理员管理、商品库存、论坛、资讯、用户分享、公告信息、论坛管理、个人中心模块、客服中心、MySQL数据库、vue框架django==2.0django-threadlocalspymysqlclickrequests
计算机毕业设计指导·2024-08-22 18:29

js 手写图片懒加载插件

一、目标模仿vue-lazyload插件只需将img标签的src属性名替换为自定义属性v-lazy，即可实现图片懒加载功能例如：二、实现不清楚图片懒加载原理的参考我的上一篇博客1.封装自定义插件：暴露一个对象
人间小趴菜·2024-08-22 18:42

uni-app解决在qq和微信浏览器两个标题情况

在main.js中配置以下代码就可以解决Vue.mixin({mounted(){//#ifdefH5if(this.isWeiXinBrowser()||this.isQQBrowser()){this.navTitle
_当时只道是寻常·2024-08-22 17:39

vue 文件夹路径指向比如@/指向src

1.在build下面的webpack.base.conf.js2.设置你想设置的文件夹名字代表的文件位置resolve:{extensions:['.js','.vue','.json'],alias:
丰起云啸·2024-08-22 16:03

基于云平台的物流管理系统的设计与实现货物-仓库-派车-供应商技术SpringBoot+VUE3+element-plus/nodejs/python/MySQL

一选题依据物流管理系统是一个企事业单位不可缺少的部分,它的内容对于企事业的决策者和管理者来说都至关重要,所以物流管理系统应该能够为用户提供充足的信息和快捷的数据处理手段。物流管理系统是集现代运输、仓储、配送、搬运、包装、产品流通及信息管理于一体的网络系统,它实现了商品从原料供应商、制造商、分销商、零售商到消费者的各个流通环节的有机结合,以合理费用将确定的商品在需要的时间送达指定位置。该管理系统以I
计算机程序设计开发·2024-08-22 13:46

Vue报错

/src/App.vue?
计算衎·2024-08-22 11:32

【Vue】el-autocomplete禁用时仍会触发下拉的问题

文章目录问题解决问题el-autocomplete禁用时，点击后仍会触发下拉，导致出现bug解决试了一下官方disabled属性、@focus、@click.stop均不起作用，最后无奈只能在查询方法那里做处理functionqueryAsync(queryString,cb){//重点if(!queryString||isDis.value){cb([])return}constdata={}q
益达是我·2024-08-22 11:01

ffmpeg纯前端实现对视频的操作 - fluent-ffmpeg踩坑、ffmpeg-statci踩坑、视频合并、图片转视频

fluent-ffmpeg踩坑、视频合并、图片转视频ffmpeg有很多插件、js库，这里介绍ffmpeg-static、fluent-ffmpeg、ffmpeg.wasmffmpeg.wasm在纯前端实现vue
翻斗花园正门保安小夏·2024-08-22 11:00

GDI 画图问题集锦

在VC中使用CPen绘制宽度大于1的虚线VC中画笔类为CPen,该类最方便使用方式为:CPen(intnPenStyle,intnWidth,COLORREFcrColor);或者是:BOOLCreatePen(intnPenStyle,intnWidth,COLORREFcrColor);如果想要绘制虚拟中需要设置画笔的样式为PS_DASH即可,但是有一个限制是这样的画笔宽度只能是1,不能绘制粗
缘梦逍遥·2024-08-22 10:58

vuex中的state绑定到组件内data不实时更新

使用vuex中state状态关联到组件data的状态时state更新了但date的数据更新1.在组件内使用watch侦听state的状态watch:{'$store.state.flag'(val){console.log
简约酒馆·2024-08-22 07:26

vue 文件批量下载通用方法[streamSaver和FileSaver]

方案1.循环url地址数组创建iframe标签循环url地址数组创建iframe标签下载的方法，但浏览器有限制，超过10个文件将不能下载，最多下载10个。//arr是要下载的文件列表for(leti=0;i{iframe.remove()},1000)}方案2.responseType:‘blob’+a标签可解决下载数量限制问题，但是浏览器的内存非常有限，对大文件的下载，不建议此方法。constd
小废_Lipp·2024-08-22 07:06

Vue 3 watchEffect教程

Vue3watchEffect教程Vue3watchEffect教程简介什么是watchEffect？
道长不会写代码·2024-08-22 07:36

vuex 直接修改state、commit 和dispatch 修改state 的用法及区别

1、vuex直接修改state、commit和dispatch修改state的用法及区别1）可以直接使用this.
是大林的林吖·2024-08-22 07:34

使用Vue 3 + DataV搭建大数据可视化大屏技术框架实战指南

Vue3，作为新一代的前端框架，以其更高效的性能和更灵活的CompositionAPI吸引了众多开发者。
不知名靓仔·2024-08-22 07:03

适合编程初学者的开源云笔记系统（NodeJS版）

左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。
蓝不蓝编程·2024-08-22 06:45

Vue之前端批量下载文件并以压缩包形式存储

后端返回一个文件链接的数组，前端处理下载逻辑，并且将这些文件存储在压缩包内部，这用的jszip和file-saver这两个库。步骤说明1.使用npm或yarn安装jszip和file-saver。npminstalljszipfile-saver2.获取文件内容：使用fetchAPI获取每个文件的内容。3.生成压缩文件：使用jszip将获取到的文件内容添加到压缩包中。4.下载压缩文件：使用file
半糖不加奶·2024-08-22 05:56

使用webpack搭建个本地项目

cdmy-webpack-project3、初始化项目npminit-y4、安装webpack和webpack-cli作为开发依赖npminstall--save-devwebpackwebpack-cli5、安装vue
不熬夜的臭宝·2024-08-22 05:26

Vue 3项目安装Element-Plus

ElementPlus是一个基于Vue3的现代前端UI框架，它旨在提升开发体验，并为开发者提供高效、优雅的组件。
洛*璃·2024-08-22 04:19

vue3组件通信与props

title:vue3组件通信与propsdate:2024/5/31下午9:00:57updated:2024/5/31下午9:00:57categories:前端开发tags:Vue3组件Props详解生命周期数据通信模板语法
qcidyu·2024-08-22 04:18

vue中组件子传父个然理解，

拿个例子来​//组件1Vue.component("navbar",{template:`点击-导航栏`,methods:{handleClick(){//console.log("子传父，告诉父组件，
呐呐呐嘿·2024-08-22 04:47

Vue3项目-Cesium地图初始化

Cesium1、安装Cesiumnpminstallcesium2、文件拷贝将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下3、index.html配置Vite+Vue
呆呆的小草·2024-08-22 03:44

【vue3】组件通信

一、Vue3组件通信和Vue2的区别：●移出事件总线，使用mitt代替。●vuex换成了pinia。●把.sync优化到了v-model里面了。
逆旅行天涯·2024-08-22 03:09

详细介绍 Vue3 的 watch 和 watchEffect

在Vue3中，watch和watchEffect都是用于响应式地监听数据变化的工具，但它们有不同的使用场景和工作机制。
代码里的小猫咪·2024-08-22 02:06

计算机毕业设计（附源码）python医院药品进销存系统

项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版本理论上也可以。
杰记计算机程序源码·2024-08-22 01:59

Vue中的路由与多种守卫常见问题及解决方案

在Vue.js项目中，VueRouter是实现单页面应用（SPA）页面跳转的重要工具。路由守卫作为VueRouter的一个关键特性，用于在路由跳转前或跳转后进行逻辑判断，如权限验证、登录状态检查等。
Aic山鱼·2024-08-22 00:54

【鸿蒙基础系列】鸿蒙基础组件

作者简介：一名大三在校生，喜欢编程个人主页：Aic山鱼WeChat：z7010cyy系列专栏：️前端-JS基础专栏✨前端-Vue框架专栏✨✨Aic山鱼前端-有趣特效专栏❤️‍❤️‍❤️‍鸿蒙OS专栏（更新中
Aic山鱼·2024-08-22 00:54

如何学好uni-app

学习uni-app需要掌握以下技能：1.前端基础：熟悉HTML、CSS和JavaScript等前端开发技术，了解基本的前端框架如Vue.js。
梨园猫·2024-08-21 23:50

Vue 生命周期详解含demo、面试常问问题案例

Vue生命周期详解、面试常问问题案例含demo文章目录Vue生命周期详解、面试常问问题案例含demo一、Vue生命周期是什么二、Vue中如何使用生命周期钩子1.**beforeCreate**2.
二川bro·2024-08-21 23:17

大学生成果登记系统（10921）

加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue
codercode2022·2024-08-21 23:45

vue3 vxe-grid 列自动扩展的问题，设置了width，然后maxWidth设置将不会起作用。

1、先上个图，我们先看一下官网说明：这里说明一点：1）如果我们全部设置了width，每一列都有width，那么系统会自动按照width来布局，也就是说你设置多少就是多少，屏越大，就越不会铺满。2）如果我们设置了min-width及max-width，那么系统会根据这个来处理。3）如果我们设置了%，百分比的话，那会根据百分比来布局。这里让我们感觉到一点，百分比也是比较管用的。2、那我们现在布局就有好
花花鱼·2024-08-21 23:13

Vue3 + Electron 创建新的子窗口 且子窗口唯一

main.jsconst{app,BrowserWindow,ipcMain}=require('electron')...ipcMain.on('window-create',()=>{createChildWindow()})letchildWindow=nullconstcreateChildWindow=()=>{//如果窗口存在先销毁if(childWindow){childWindow
冰糖葫芦不结冰·2024-08-21 21:33

vue打包到iis_【Vue】webpack打包后发布到IIS，刷新找不到

将项目打包好放在iis上遇到两个问题，1.直接输入地址http://192.168.0.106:8089会跳到http://192.168.0.106:8089/home。但是刷新后就提示404，直接输入http://192.168.0.106:8089/home也是4042.我在config/index下设置代理module.exports={dev:{//PathsassetsSubDirec
weixin_39877581·2024-08-21 21:01

【Electron-Vue】搭建Electron-Vue前端桌面应用

目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json
aDiaoYa_·2024-08-21 19:22

Vue项目-Cesium案例（三）

一、HTML经度：{{location.lon.toFixed(6)}}纬度：{{location.lat.toFixed(6)}}二、JavaScriptimport*asCesiumfrom"cesium/Source/Cesium";importCesiumNavigationfrom"cesium-navigation-es6";import{reactive,ref,onMounted}
呆呆的小草·2024-08-21 19:21

Vue项目-Table添加Form表单校验

row.sex}}删除任务信息生成二、JS//------------------->-------------------import{ref,reactive,onMounted,nextTick}from"vue
呆呆的小草·2024-08-21 19:21

Edge浏览器

→允许在InternetExplorer模式下重新加载网站→允许默认打开PDF#阅读模式在网址前加入“read:”#学习模式更多工具→数学求解器#效率功能打开垂直标签页（v）ctrl+shift+,#集锦功能标签页组功能
『 三三. 久 』』·2024-08-21 19:49

Vue3项目-Electron构建桌面应用程序

一、创建Vue3项目1、安装vue-clinpmi-g@vue/cli#ORyarnglobaladd@vue/cli2、创建vue项目(vue3)npmcreatevue@latest3、创建完成后启动项目
呆呆的小草·2024-08-21 18:46

v-for 实例

v-for实例v-for实例{{item}}{{index+1}}：{{student.name}}-{{student.age}}varapp=newVue({el:'#app',data:{items
琪33·2024-03-29 09:26

npm 搭建 Vite 项目

1、使用npm安装Viter$npminitvite@latest使用npm初始化项目#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线
渺小的虫子·2024-03-29 08:42

vue 通信方式

1、props和$emit父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。父组件this.$emit("update:page",newVal)-->importChildfrom'./child'exportdefault{name:"Father",components:{Child,},data(){return{articleList:['
hx_1199·2024-03-29 07:10

VUE 页面禁止缩放（华为平板浏览器可能失效）

h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload=function(){document.addEventListener
唐屁屁儿·2024-03-29 00:59

Vue 常见面试题(一)

目录1、Vue的最大的优势是什么？（必会）2、Vue和jQuery两者之间的区别是什么？（必会）3、MVVM和MVC区别是什么？哪些场景适合？
安生生申·2024-03-28 21:26

react native 总结

reactapp.js相当与vueapp.vueimportReactfrom'react';import'./App.css';importReactRoutefrom'.
一切顺势而行·2024-03-28 14:48

Vue 模版编译原理

当我们使用Vue编写完一个组件以后，Vue会根据模版编译一个render函数，调用render函数生成虚拟DOM，然后将虚拟DOM映射成真实DOM当数据发生变化时，Vue会触发更新视图，调用render
I will.874·2024-03-28 14:17
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他