Vue.js 是一款流行的 JavaScript 前端框架,它提供了一套完整的工具和 API,使得开发者可以更加高效地构建交互式的 Web 应用程序。其中,组件化是 Vue.js 的一个核心概念,通过组件化可以将一个复杂的应用程序拆分成多个独立的部分,每个部分都有自己的状态和行为,从而方便开发和维护。本篇博客将介绍 Vue.js 组件化的基础知识,包括组件的 ......
11
0
0
2024-02-21
前言 使用方法 <btn-groups :btns="btns" :max="max" class="page-btns"> </btn-groups> 参数部分 name控制属性名 显示按钮的名称{{ item.name }} btns:[{ //按钮名称 ......
11
0
0
2024-02-20
Vue.js 是一款流行的 JavaScript 框架,用于构建用户界面。在 Vue 应用中,组件之间的数据传递是常见的需求。我们将深入探讨 Vue 子组件向父组件传递数据的三种方式。方式一:使用 Props 属性Props 是 Vue 中用于从父组件向子组件传递数据的一种机制。通过在子组件中声明 Props,可以定义期望接收的属性,并通过父组件传递相应的值 ......
22
0
0
2024-02-14
示例代码安装photo-sphere-vieweryarn add -D photo-sphere-viewer 组件引入插件import { Viewer } from 'photo-sphere-viewer'; import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'; // 引入样式 i ......
29
0
0
2024-02-10
具体实现安装echarts在终端下安装echartsnpm install -D echarts 安装echarts-gl在终端下安装echarts-glnpm install -D echarts-gl earth3D组件earth3D.vue<template> <div class="globe3d-earth-cont ......
36
0
0
2024-02-10
cityfenbu.vue<template> <div > <el-card class="seriesmap-box-card"> <div slot="header" class="clearfix"> <span ......
31
0
0
2024-02-10
前言Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。本文需要对 threejs 的一些基本概念和 api 有一定了解。如果对 threejs 这部分还不了解的可以看下官方文档和一些中文文档进行学习。官方文档地址:thr ......
41
0
0
2024-02-08
一、前言市面上有很多基于vue的core和compile做出的优化开源框架,为非Web场景引入了Vue的能力,因此学习成本低,受到广大开发者的欢迎,下面大体列一下我所了解到的,有更优秀的欢迎大家评论指出分类 技术 跨平台native weex 小程序 mpvue 服务端渲染 Vue SSR 小程序多端统一框架 uni-app至于提供类Vue开发体验的框架就数 ......
30
0
0
2024-02-07
通知是开发者提升应用程序互动性和改善用户体验的强大工具。通过利用通知,开发者可以在用户与应用程序互动的同时,有效地向用户传达重要事件。通知在应用程序中起着至关重要的作用,可以及时通知用户有关各种操作和事件的信息。它们可以用于通知用户任务失败、网络中断、操作成功、警告、错误和重要信息。这些通知作为有价值的更新,确保用户了解正在发生的事件以及他们需要采取的必要行 ......
29
0
0
2024-02-02
表单是现代网页开发的重要组成部分,创建表单通常是一项耗时且繁琐的任务。这就是FormKit的用武之地;它是一个功能强大的现代表单构建库,旨在帮助开发人员轻松高效地创建表单。在本文中,我们将探讨使用FormKit的好处,并提供一个逐步指南,教你如何使用这个强大的工具构建表单。请继续阅读,了解FormKit如何帮助您简化表单构建过程,更快地构建更好的表单!For ......
37
0
0
2024-02-02
vue动态添加表单validateField验证,代码如下所示:<template> <el-form ref="form" :model="form" :rules="rules" label-width="px"> <div v-for="(input, index) in inputs" :key= ......
238
0
0
2023-09-16
目录Vue项目结构主要配置文件Vue项目启动代码执行流程分析Vue加载时文件的执行顺序Vue内部页面的执行顺序总结Vue项目结构使用webpack构建的Vue项目的结构如下所示:主要配置文件1、package.jsonpackage.json是一个json文件,这是vue项目的表述文件。package.json定义了项目所需要的各种模块,以及项目的配置信息( ......
195
0
0
2023-09-15
目录前言一、先上页面最终效果二、创建目录yxt-table如下图二、数据自动获取和刷新三、自定义列配置四、根据搜索条件进行搜索更新表格数据五、加载中状态和空数据状态 六、完整代码:总结前言很多中后台业务的系统中,表格是最高频的组件之一,其中一般包括搜索条件、表格展示、表格操作列、分页等。那么我们二次封装的这个表格组件就需要包含以下几个功能点:1、数 ......
229
0
0
2023-09-12
目录一、需求描述:二、问题阐述:三、解决方法:四、实现思路:主要逻辑详解:总结一、需求描述:在页面上点击按钮弹出选择电脑文件的界面,可以一次性选择多个文件一起上传到服务器上,并把上传成功的文件展示在页面上。二、问题阐述:el-upload是支持多文件上传的,但是是同步进行的,你点击上传按钮,选择了多个文件后点击确定,会同时调用上传文件的接口,这样很容易导致服 ......
192
0
0
2023-09-12
目录自定义input组件实现拖拽文件上传vue部分逻辑部分删除当前文件封装的tag-input组件最后实现的效果多图上传组件vue组件template部分组件script部分组件使用组件完整代码(含裁剪组件,不需要请手动删除)效果展示总结自定义input组件实现拖拽文件上传vue部分<tag-input id="uploadTag" ref=" ......
149
0
0
2023-09-10