vue基础原理

html手机端富文本,移动端富文本踩坑

最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。

weixin_39608657·2025-01-28 03:13

vue项目中所使用的element-UI / echarts

高清版思维导图见后台管理项目地址1.login登录页面表单在Form组件中，每一个表单域由一个Form-Item组件构成，表单域中可以放置各种类型的表单控件，包括Input、Select、Checkbox、Radio、Switch、DatePicker、TimePickerForm组件提供了表单验证的功能，只需要通过rules属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验

Stephy_Yy·2025-01-28 01:53

表格组件二次封装（element+vue）

后端管理系统中，常用表格展示数据，统一维护，统一表格风格，二次封装一个基于elementUI中的el-table封装一个简单的表格组件。封装组件分为四部分，表单查询条件、头部操作按钮、表格数据展示、数据分页操作。一、表格组件封装1、表单查询条件封装表单项，定义name、label，表单项默认为输入框，scopedSlots为表单项插槽。//表单项queryForms:[{dataKey:'nick

syste_m_·2025-01-28 00:22

element-plus select 滚动加载更多

思路：监听select下拉面板的滚动事件，滚动到底部时，调用接口加载更多数据一、自定义指令importtype{Directive,DirectiveBinding}from"vue";interfaceElTypeextendsHTMLElement

日积一沙·2025-01-28 00:50

Vue2 和 Vue3 自定义指令比较

Vue3官网-自定义指令Vue2官网-自定义指令在Vue2和Vue3中，自定义指令可以通过全局注册和局部注册来创建。

风继续吹..·2025-01-28 00:49

Vue2：父子组件间参数传递 - 单项传递和双向绑定

2、双向传递2.1子组件修改后通过事件触发传递给父组件在Vue2踩坑记录：父子间参数传递，不要尝试修改计算属性，可能无法实现响应式一文中，父组件通过prop传递给子组件，子组件接收后拷贝一份，在子组件内部修改

我是飞鸟呀·2025-01-28 00:48

Vue Elementui 项目实战 —— 项目的环境搭建

1.项目环境搭建1.1安装vue-cli脚手架构建工具vue-cli提供一个官方命令行工具，可用于快速搭建大型单页应用。

迎风的信号旗·2025-01-28 00:17

项目总结：vue.js2.5饿了么APP（4）主要组件实现 - 购物车相关组件（下）

说明：本总结来源于慕课网@ustbhuangyi老师的课程《Vue.js2.5+cube-ui重构饿了么App》课程，本博客做了项目总结梳理便于回顾，需要学习的伙伴可以移步学习。与君共勉！

小白Rachel·2025-01-28 00:46

vue el-table 行内拖拽

1.安装Sortable.jsnpminstallsortablejs--save2.在页面中引入：importSortablefrom‘sortablejs’-->mounted调用mounted(){this.rowDrop();},methods:{//行内拖拽rowDrop(){//此时找到的元素是要拖拽元素的父容器consttbody=document.querySelector(".e

Sunny·2025-01-28 00:16

vue高级组件封装 element组件二次封装

vue高级组件封装element组件二次封装相关解读使用defineOptions定义组件名称使用useSlots获取插槽获取父组件传递过来的dialog组件的插槽通过循环直接通过动态插槽插入el-dialog

沉迷...·2025-01-28 00:44

vue3自定义表格生成动态列

保存':'编辑'}}import{ref,reactive,h}from'vue';//模拟从后端获取的数据constbackendData={columns:[{label:'姓名',prop:'name

实践是最好的老师·2025-01-27 23:14

Three.js实战项目02：vue3+three.js实现汽车展厅项目

文章目录实战项目02项目预览项目创建初始化项目模型加载与展厅灯光加载汽车模型设置灯光材质设置完整项目下载实战项目02项目预览完整项目效果：项目创建创建项目：pnpmcreatevue安装包：pnpmaddthree

叁拾舞·2025-01-27 22:06

Vue.js组件开发-Vue实现上传word模版打印设置自定义样式和布局

要使用Vue实现上传Word模板、打印并设置自定义样式和布局，可以借助一些工具和库来完成这个任务。实现步骤创建Vue项目：使用VueCLI创建一个新的Vue项目。

LCG元·2025-01-27 21:01

探索JavaScript前端开发：开启交互之门的神奇钥匙（二）

事件类型4.2事件监听器五、实战案例：打造简易待办事项列表5.1HTML结构搭建5.2JavaScript功能实现六、进阶拓展：异步编程与Ajax6.1异步编程概念6.2Ajax原理与使用七、前沿框架：Vue.js

小周不想卷·2025-01-27 17:31

开源：小狐狸GPT付费AI-v1.9.3 小程序端增加【绘画】模块

200包含H5、web的vue全开源，最新版更新了：小程序端增加【绘画】模块测试环境：系统环境：CentOSLinux7.6.1810(Core)、运行环境：宝塔Linuxv7.0.3(专业版)、网站环境

百创科技·2025-01-27 13:34

列表封装-递归数据回显-全局数据挂载

全局挂载数据某些下拉选项或者配置项是固定的，将这些数据提取到一个单独的js文件，对应页面使用只需要引入即可，这是数据共享的一种，此外还可以将数据挂载到vue.prototype中，配置原型名，完成后对应页面不用引入

·2025-01-27 13:27

在Vue CLI项目中使用ECharts：详细指南

在VueCLI项目中使用ECharts：详细指南ECharts是一款由百度开源的数据可视化图表库，它提供了丰富的图表类型和高度的可定制性。

盛夏绽放·2025-01-27 11:19

vue前端下载某一区域为照片格式

1.需求背景项目中，需要对某一区域进行下载，要求已照片格式去下载（例如一个div盒子，里面有以上的字，以照片文件格式下载到本地）2.代码constdownloadView=ref();constimgName=ref('小程序码');importhtml2canvasfrom'html2canvas';import{saveAs}from'file-saver';constsubmitDownLo

答题卡上的情书·2025-01-27 10:16

vue3中项目运行到浏览器端跨域（uniapp），配置vite.config.js文件

import{defineConfig}from'vite';importunifrom'@dcloudio/vite-plugin-uni';importconfigfrom'./common/config.js'exportdefaultdefineConfig({plugins:[uni()],server:{//host:"127.0.0.1",//指定服务器应该监听哪个IP地址,默认：l

答题卡上的情书·2025-01-27 10:46

腾旭地图显示多个位置，点击弹出位置信息

在vue3中1.定义地图展示中心点的经纬度constlongitude=ref(40.765465);constlatitude=ref(114.881075);2.初始化constinitMap=()

答题卡上的情书·2025-01-27 10:45

如何在Vue3项目中引入并使用Echarts图表

在Vue3项目中引入并使用ECharts图表，你可以通过npm或yarn来安装ECharts，然后在Vue组件中引入并使用它。

北原_春希·2025-01-27 10:14

在 Vue 项目中快速引入和使用 ECharts

本文将详细介绍如何在Vue项目中快速引入和使用ECharts，并使用Vue的选项式API来实现一个简单的柱状图组件。

豆豆（前端开发+ui设计）·2025-01-27 09:41

Vue Flow 交互式流程图和图形世界的桥梁

VueFlowVueFlow是通往交互式流程图和图形世界的桥梁，使您能够为流程图和图形表示带来动态性和交互性。

睡不着的可乐·2025-01-27 09:37

【vue2父组件调用子组件方法之slot的使用】

$slots来获取子组件的方法注意：使用的ui组件库是iview页面index.vue打开弹窗importForm

睡不着的可乐·2025-01-27 09:07

vue快速集成word在线编辑

word在线编辑查看一些文档金格插件WebOffice2015、chrome浏览器插件、only-office、UEditor、TinyMCE、CKEditor、wangeditor、canvas-editor最后选择了only-office和canvas-editoronly-office非常功能强大，word、ppt、excel都支持在线编辑预览，还支持协同，又有免费开源版。附上本地运行dem

睡不着的可乐·2025-01-27 09:07

Vue 3 中的父子组件传值：详细示例与解析

在Vue3中，父子组件之间的数据传递是一个常见的需求。父组件可以通过props将数据传递给子组件，而子组件可以通过defineProps接收这些数据。

好奇的菜鸟·2025-01-27 09:36

vue路由history模式下的nginx配置

1.如果路由要使用history模式，需要将nigix配置为：前端配置：constrouter=newVueRouter({mode:"history",base:process.env.BASE_URL

胡西风_foxww·2025-01-27 09:36

VSCode关闭vue语法检查

解决办法：在vue.config.js中添加这样一句代码lintOnSave:false//关闭语法检查，如果没有则新建文件vue.config.jsvue.config.js中完整代码如下：const

AAA猪饲料批发李师傅·2025-01-27 08:01

vue路由history模式springBoot/Nginx配置

精确配置路由在配置路由时，要确保数据接口的路由配置在这个宽泛规则之前，并且路由规则尽量精确。比如：importorg.springframework.web.bind.annotation.GetMapping;importorg.springframework.web.bind.annotation.RestController;@RestControllerpublicclassApiCont

yzhSWJ·2025-01-27 08:29

vue3中自定一个组件并且能够用v-model对自定义组件进行数据的双向绑定

1.基础用法在Vue3中，v-model在组件上的使用有了更灵活的方式。默认情况下，v-model使用modelValue作为prop，update:modelValue作为事件。

傻小胖·2025-01-27 08:29

基于SpringBoot+Vue码头船只货柜管理系统

作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、多年校企合作经验，被多个学校常年聘为校外企业导师，指导学生毕业设计并参与学生毕业答辩指导，有较为丰富的相关经验。期待与各位高校教师、企业讲师以及同行交流合作主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开

qq_469603589·2025-01-27 08:28

WeCube平台：开源的IT架构管理和运维管理工具

wecube-platformWeCubePlatform项目地址:https://gitcode.com/gh_mirrors/we/wecube-platformWeCube是一个由微众银行开源的一站式IT架构管理和运维管理工具，主要采用Java、Vue.js

郦蜜玲·2025-01-27 07:52

python基于Django社区宠物管理系统的设计(源码+vue+部署文档+讲解等)

收藏关注不迷路！！文末获取源码+数据库感兴趣的可以先收藏起来，还有大家在毕设选题（免费咨询指导选题），项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章目录前言程序资料获取一、项目技术二、项目内容和功能介绍三、核心代码数据库参考四、效果图五、资料获取前言博主介绍：✨全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师，专注于Java/Python/小程序app/深度学

qq_1406299528·2025-01-27 06:17

vue记录el-table不生效

在写毕业设计的时候,发现一个很烦的bug,在使用vue的element的时候不知道为什么el-tab就是不生效,在查找csdn的大部分攻略后发现,好多人都选择降低版本来解决问题,但是我降低了好多次都没有用

月间凉秋·2025-01-27 04:06

Vue2和Vue3区别

1.vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用ES5的一个APIObject.defineProperty()对数据进行劫持结合发布订阅模式的方式来实现的。

mini猪·2025-01-27 04:04

vue级联(el-cascader)方式作为表格查询条件( el-cascader报错 “TypeError: Cannot read properties of null (reading ‘le)

1、html结构：2、data中定义所需初始值：data(){return{formData:{name:'',//中文展示名称value:[]//当前被选中的提交后台参数},cascaderI

皓月当空hy·2025-01-27 03:01

vue3 elementui 组件el-dialog中添加组件后报错无法弹出dialog记录

我的组件的代码大致如下....然后我在这个组件内又添加里一个组价，如下....然后就报warninig，并且发现此dialog不起作用了。原因是子组件必须写到el-dialog标签内部，修改后如下....问题解决，成功运行

mmmMMM12345·2025-01-27 03:30

计算机专业,基于微信小程序的健身俱乐部管理系统,拿走不谢,设计实现

基于微信小程序的健身俱乐部管理系统一、制作过程1.技术选型基于微信小程序的健身俱乐部管理系统采用了以下技术栈：前端：微信小程序原生开发框架，Vue.js（用于部分后台管理界面）后端：Java（SpringBoot

javadog_·2025-01-27 03:30

vue3 react区别

Vue3和React是两个流行的前端JavaScript框架，它们在设计理念、API、生态系统等方面有所不同。

阿芯爱编程·2025-01-27 03:59

vue3组件el-table报错

传给table标签的data不是数组就会报错，摁着商品管理代码找了半天也没发现哪里错了，而且关闭报错表格数据能正常显示，。。。最后发现我还有个订单管理页面，这里面的data初始化成ref('')了，把这个组件注释掉，直接不报错了，nb66666666666666666666666666666666666666666666666666666666666666666666666666666666666

蒟蒻的贤·2025-01-27 02:57

Vue编程式路由跳转多次执行报错

`call(this)`的作用4.异常捕获的意义其他注意事项总结问题描述在使用Vue.js的vue-router进行编程式路由跳转时，如果多次执行跳转到当前路由（参数不变），会抛出Nav

全端工程师·2025-01-27 02:55

Vue2和Vue3

Vue2和Vue3一、Vue2简介二、Vue3简介三、Vue2和Vue3的关系四、Vue2和Vue3的区别五、Vue2和Vue3各自的优缺点1.Vue22.Vue3六、总结一、Vue2简介Vue.js2

秋书一叶·2025-01-27 02:53

Vue介绍

一、Vue框架简介Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它的核心库只关注视图层，易于上手，并且可以与其他库或现有项目进行整合。

go5463158465·2025-01-27 02:20

将 Vue2 项目迁移到 Vue3

更新工具链确保使用的构建工具（如VueCLI或Vite）是支持Vue3的版本。如果使用VueCLI，可以通过npmupdate-g@vue/cli更新到最新版本。

Chihirozy·2025-01-27 01:48

前端框架大比拼：React.js, Vue.js 及 Angular 的优势与适用场景探讨

文章目录前言一、React.js特点使用方法适用场景二、Vue.js特点使用方法适用场景三、Angular特点使用方法适用场景四、如何选择合适的前端框架五、前端框架对项目性能的影响结语前言随着互联网技术的飞速发展

布兰妮甜·2025-01-26 22:53

Vue - watchEffect()的使用

在Vue3中，watchEffect()是一个用于自动追踪响应式数据变化并执行副作用的API。

来一碗刘肉面·2025-01-26 20:36

SpringBoot使用 easy-captcha 实现验证码登录功能

本文将介绍如何在SpringBoot后端和Vue.js前端中集成easy-captcha

八月五·2025-01-26 17:47

Vue 2 + Element UI 实现密码显示、隐藏切换功能

一、使用ElementUI的show-password属性1、ElementUI的组件提供了一个方便的show-password属性。启用后，它会自动添加一个切换密码显示、隐藏的按钮。2、代码3、优点：实现简单，无需额外代码。缺点：不支持自定义图标。二、自定义后缀图标实现密码显示/隐藏1、如果你想要使用自己的图标或实现更多自定义功能，可以通过插槽（slot）的方式来自定义后缀图标，并通过绑定事件来

半城风月-·2025-01-26 15:58

vue el-upload 上传图片列表校验不通过后多删除了一张图片

问题最近在使用element-ui的el-upload组件上传图片列表时，发现当上传的图片校验不通过时，会将上一张已经上传成功的图片删除了。场景已经上传了一张图片1，再上传另一张图片2，如果当前这张图片2校验不通过，会提示失败并且删除当前图片2，同时，也会将上一张已经上传成功的图片1也删除。组件主要代码：上传支持上传图片，单文件上传大小限制10MB，最多上传10张附件---------------

＊且听风吟·2025-01-26 14:20

**让表单设计从未如此优雅——Vue Formly深度解析**

让表单设计从未如此优雅——VueFormly深度解析vue-formlyJavaScriptpoweredformsforVue.js项目地址:https://gitcode.com/gh_mirrors

孙爽知Kody·2025-01-26 12:08

推荐频道