Vuejs
关注
分享
扫一扫
#麻辣小龙虾#
路漫漫其修远兮，吾将上下而求索。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3.0 开发CesiumJS 3D 场景编辑器（支持源码）
基于 Vue3 + Element Plus + CesiumJS 构建的 3D 场景编辑器，提供模型管理、标记管理、绘制管理、天气模拟等功能，支持数据保存与预览。原创 2026-07-14 14:17:55 · 247 阅读 · 0 评论 -
vue3基于leaflet.js实现地图编辑功能
本项目是一个基于Vue3+Vant+Leaflet的移动端地图编辑器，主要功能包括地图展示（支持标准/卫星地图切换）、多种图形绘制（折线/多边形/矩形/圆形/标记点）、图形编辑与删除、GeoJSON数据导入导出。技术栈采用Node.js 22.x环境，Vite构建工具，集成Leaflet.draw绘图插件。项目包含智能问答模块、地图编辑器主模块以及多个测试组件，支持移动端适配和现代浏览器。文档详细说明了功能模块、API接口、配置方法、运行要求以及已知问题的解决方案。原创 2026-06-16 17:41:18 · 189 阅读 · 0 评论 -
vue3.0开发一款基于AI 中小学作文批改系统（支持源码）
是一款基于 Vue 3 + Element Plus 开发的智能作文批改系统，集成阿里云 DashScope AI 视觉模型，能够以语文老师的视角对学生作文进行全面批改，包括错别字标注、结构点评、综合评分和润色建议等功能。原创 2026-06-03 13:33:37 · 172 阅读 · 0 评论 -
vue3.0基于threejs实现GLTF 在线编辑器V1.0版本（支持源码）
GLTF在线编辑器是一款基于Web的3D模型编辑工具，支持GLB/GLTF格式的模型上传、预览和编辑。该工具采用Vue3+Three.js技术栈，提供模型变换、场景管理、数据标记、光照调节等核心功能。系统架构包含Vue应用层、Three.js渲染层和UI组件层，支持主流现代浏览器。编辑器具有直观的可视化界面，可实现模型位置/旋转/缩放调整、天空环境切换、2D/3D标记管理等功能，适合3D设计师和开发者使用。原创 2026-05-30 11:55:02 · 401 阅读 · 0 评论 -
vue基于高德地图实现城市管网、压力点、区域绘制编辑器
最近在做城市管网项目，项目中需要绘制一些管道路线，压力点位，和区域等，为了满足项目需求，于是基于高德地图实现了一个简单的编辑器。原创 2024-03-14 18:20:45 · 2694 阅读 · 7 评论 -
高德地图实现gps轨迹坐标定位代码
【代码】高德地图实现gps轨迹坐标定位代码。原创 2023-10-17 14:06:46 · 1426 阅读 · 0 评论 -
vue基于threejs实现的3D可视化编辑器
随着5G网络的渐渐普及，物联网在人们的生活中渐渐广泛使用，社会向着越来越智能化的方向发展。当康科技经过不懈努力，研发属于自己的一款3D可视化编辑器，助力企业应用实现3D可视化服务。......原创 2022-07-16 13:47:44 · 10409 阅读 · 10 评论 -
vue项目中封装websock并使用
import { randomString } from '@/utils/index.js';import router from '@/router/index.js';// ws配置信息export const webSocket = { ws: null, // ws实例 recTime: 5 * 1000, // 重连刷新时间 webSocketTime: null, // 定时请求发送心跳包id reconnentTime: null, // 唱失败从重连id par.原创 2022-04-12 16:05:30 · 1788 阅读 · 0 评论 -
vue实现百度地图打点自定义div显示内容
<template><div class="bmap-layout"> <tipsBar/> <div class="unit" v-if="mapType == 'heat'"> <div class="unitItem"> <span class="text">锅炉房：</span> <span class="isNum">{{dataSys.guoLuF...原创 2022-04-01 20:49:34 · 4282 阅读 · 0 评论 -
vue使用G6绘制树形图
<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-3.1.1/build/g6.js"></script> <script src="https://gw.alipayobjects.com/os/antv/assets/lib/jquery-3.2.1.min.js"></script> <script src="https://gw.alipayobject.原创 2022-01-27 16:57:07 · 2501 阅读 · 1 评论 -
vue封装tab组件
<template> <div class="tab-wrapper" :id="'tab_' + tabType"> <!-- <span class="active-bar" :style="{'top': `${activeIndex * 30}px`}"></span> --> <span class="active-bar" :style="{'top': `${currentIdx * 30}px`}" v-.原创 2020-12-15 11:20:56 · 771 阅读 · 0 评论 -
element-UI配置多层级菜单
入口文件：<template> <div class="menu" id="menu"> <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <menuItem v-for="item in menuList" :key="item.id" :data="item" class="hor原创 2020-11-02 16:10:08 · 2697 阅读 · 0 评论 -
VUE使用canvas实现签名组件，兼容PC移动端
效果如下：<template> <div class="sign"> <div class="content"> <canvas id="canvas" :width="width" :height="height"/> </div> <div class="btn"> <button @click="clearCanvas()">清除</button>原创 2020-08-30 10:26:10 · 1358 阅读 · 0 评论 -
vue封装可实现选中、新增、修改、删除功能的树组件
我们在开发项目的时候经常会遇到一些树形结构的数据结构，比如部门、班级、关系等等层级结构的数据，通常常规的展示方式一般是通过树的结构来展示出来，现在我们自己就来实现一个可以新增、修改、删除的树。实现的过程很简单，树一般都会采用递归思路，然后将数据展示出来。<div class="tree" id="Tree" ref="TreeNode"> <ul> ...原创 2020-02-08 19:03:14 · 2309 阅读 · 3 评论 -
vue实现移动端H5数字键盘组件
我们平时扫码付款的时候，经常会输入一些数字进行付款，仔细看了下键盘和系统的键盘有点不一样，于是今天买甘蔗的时候扫码付款就想了一下要怎么去实现一个。话不多说，直接上代码。结果如下：代码如下：<template> <div class="keyboard-wrapper"> <input type="text" v-model="NUM" @...原创 2019-12-08 22:45:33 · 1627 阅读 · 1 评论 -
vue实现打地鼠小游戏
效果图如下：代码如下：<template> <div class="game"> <h2>打地鼠游戏</h2> <div class="wraper"> <div class="item" v-for="n in TOTAL" :key="n"> <...原创 2019-12-01 13:57:01 · 1415 阅读 · 0 评论 -
vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。
github效果在线预览仓库地址： https://github.com/zhongyoucong/vuejs/vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。效果图如下：登入后： 登入前： 登录框: 注册框： html代码部分：原创 2017-04-28 14:44:33 · 12807 阅读 · 3 评论 -
vue父组件向子组件传值
父组件：&lt;template&gt; &lt;div class="demo" @click='toggle'&gt; &lt;box-bar v-if='box' :deviceid='id'&gt;&lt;/box-bar&gt; &lt;/div&gt;&lt;/原创 2018-07-31 14:38:07 · 406 阅读 · 0 评论 -
Vue实现在当前表格数据复制后可编辑、保存功能代码
最近在用vue做项目的时候遇到一个在当前数据列表里面实现可复制，并且可以编辑然后保存功能，如果是单纯的复制，那很简单，直接往数据里面添加一条数据就可以了。 但是需求是要求复制，并可以编辑保存。自己想了一下，然后写了一些demo.最终效果如下图所示：代码如下：<template> <div class="demo"> <div clas...原创 2018-05-23 14:58:59 · 6617 阅读 · 1 评论 -
vue组件开发之用户无限添加自定义填写表单
代码如下：<template> <div class="checkbox"> <div class="input"> <p v-for="item in inputs"> <span>自定义字段：</span&原创 2018-04-29 02:41:48 · 3251 阅读 · 1 评论 -
vue组件开发之仿CSDN发布博客时面包屑标签和checkbox选中效果
一直在发博客，突然注意到在发布博客的时候选中对应的标签时的一个功能，最近一直在接触vue，于是想了一下要自己要怎么实现。原图如下：代码如下：<template> <div class="checkbox"> <h1>选中的ID值：{{checkboxValue}}</h1> <div ...原创 2018-04-29 02:14:00 · 734 阅读 · 1 评论 -
Vue实现用户自定义字段显示数据
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-05-18 09:18:42 · 6235 阅读 · 1 评论 -
vue组件开发之tab切换组件
<template> <div class="tab-slider"> <div class="tab"> <span v-for="(item, index) in items" v-bind:class="{active: actived == index}" @click=&原创 2018-04-27 00:41:02 · 7530 阅读 · 1 评论 -
vue组件开发之图片上传本地预览组件
最近项目一直在使用vue，以前只是用vue做过一些简单的demo对数据进行增删改，并没有用于实际开发项目，。今天就想了一下如何用vue实现常见的图片上传前本地预览效果。效果预览：<template> <div class="image-view"> <div class="addbox"> <...原创 2018-04-26 23:49:10 · 4778 阅读 · 1 评论 -
vuejs实现checkbox全选和全不选
最近一直在用vue，有个功能是要实现全选和取消全选的功能，于是想了一下要怎么做。效果如下：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue实现checkbox全选和全不选</t原创 2018-05-16 23:42:32 · 6515 阅读 · 1 评论 -
vue组件开发之slider组件。
代码如下：<template> <div class="slider"> <div class="wrapbox"> <div class="item" v-for="(item, index) in items" style="">{{ite原创 2018-04-23 01:14:23 · 4202 阅读 · 1 评论 -
vue组件表单数据回显验证及提交代码
最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。代码如下：<template> <div class="index"> <!--header-bar></header-bar--> <div style="margin:20px;"&am原创 2018-04-23 00:15:22 · 8159 阅读 · 1 评论 -
vuejs组件开发之手风琴菜单组件实例
小图标是引入font-awesome字体图标库绘制的。效果如下图所示： index原创 2017-05-16 00:04:20 · 7758 阅读 · 1 评论 -
Vuejs 组件化开发tab组件实例
index原创 2017-05-15 00:13:01 · 2012 阅读 · 1 评论 -
Vue.js实现表格数据增、删、改、查效果
Vue.js实现表格数据增、删、改、查效果 代码如下所示：（注意需引入jquery） index原创 2017-04-20 00:11:37 · 4827 阅读 · 1 评论