AI 助理
备案控制台
文章 2025-06-03 来自：开发者社区

Vue 项目中如何自定义实用的进度条组件

在前端开发中，进度条是一种常见的用户界面元素，用于展示任务的完成情况或者指示加载过程。然而，有时候标准的进度条并不能完全满足我们的需求，因此，我们可能需要创建自定义的进度条来实现特定的效果或功能。 在本文中，我将介绍如何使用Vue.js创建一个灵活多样的自定义进度条组件，该组件可以根据传入的数据动态...

Vue 项目中如何自定义实用的进度条组件
文章 2024-10-22 来自：开发者社区

vue中内置指令v-model的作用和常见使用方法介绍以及在自定义组件上支持

一、v-model是什么 v-model是Vue框架的一种内置的API指令，本质是一种语法糖写法，它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。在Vue中，v-model是用于在表单元素和组件之间创建双向数据绑定的指令。它可以简化表单元素的绑定，使得在用户输入时能够自动更新数据。 v-model是value+input的语法糖，是v-band和v...

vue中内置指令v-model的作用和常见使用方法介绍以及在自定义组件上支持
文章 2024-02-02 来自：开发者社区

Vue中的v-model如何实现一个自定义组件的双向绑定？

在 Vue 中，使用v-model指令可以实现自定义组件的双向数据绑定。具体步骤如下： 在自定义组件中定义一个属性，并使用v-model指令将其与父组件的数据进行双向绑定。在自定义组件的模板中使用v-bind指令将属性绑定到相应的元素上。在父组件中使用v-model指令将数据模型中的属性与自定义组件的属性进行双向绑定。 通过上述步骤，即可实...

文章 2023-12-15 来自：开发者社区

Vue自定义组件实现类似elementUI的append-to-body功能，将创建的元素插入、挂载到body上面（网页最外层），适用于父元素overflow: hidden、绝对定位fixed的场景

实现类似如上图的效果，主要是出于下面几种场景考虑：遇到父元素用了position: fixed;或position: absolute;定位，导致子元素内部的定位left、top错位了父元素overflow: hidden;会切割遮住子元素里面的部分DIV（如动态生成的tip弹窗提示框等情况）子元素有全局的遮罩图层，如：弹窗背后的半透明图层，为了在全局遮住，不得已需要在body挂载子元素部分di....

Vue自定义组件实现类似elementUI的append-to-body功能，将创建的元素插入、挂载到body上面（网页最外层），适用于父元素overflow: hidden、绝对定位fixed的场景
文章 2023-10-30 来自：开发者社区

Vue模板语法【下】事件处理器，表单、自定义组件、通信组件

一、事件处理器1.1常用的事件修饰符Vue的事件修饰符是用来改变事件的默认行为或者添加额外的功能。以下是一些常用的事件修饰符及其作用：.stop：阻止事件冒泡，相当于调用event.stopPropagation()，防止事件向父元素传播。当一个事件被触发时，它会向上冒泡到父元素。如果父元素也有相同的事件处理器，那么这个事件处理器将会再次被触发。为了阻止这种事件冒泡，我们可以使用.stop修饰符....

Vue模板语法【下】事件处理器，表单、自定义组件、通信组件
文章 2023-10-24 来自：开发者社区

Vue基础语法的进阶，事件处理器，自定义组件及组件通信

一、事件处理器1. 概述在Vue中，事件处理器是用来处理DOM事件的方法。它可以在Vue组件中定义和使用，用于响应用户的交互操作。事件处理器的作用是监听DOM事件，并在事件触发时执行相应的逻辑代码。通过事件处理器，可以实现用户与页面的交互，例如点击按钮、输入文本等操作。当事件被触发时，事件处理器会被调用，可以执行一些逻辑操作，比如更新数据、调用方法等。事件处理器可以接收事件对象作为参数，可以通过....

Vue基础语法的进阶，事件处理器，自定义组件及组件通信
文章 2023-10-23 来自：开发者社区

【Vue】修饰符&表单提交方式&自定义组件

一.事件处理器1. stop在事件处理中，使用 stop 可以阻止事件的进一步传播。当事件被触发后，调用 stop 方法可以停止事件的冒泡传播，从而防止其他父元素捕获该事件。示例代码：html<button @click.stop=“handleClick”>点击按钮2. prevent使用 prevent 可以阻止事件的默认行为。当事件被触发后，调用 event.preventDe....

【Vue】修饰符&表单提交方式&自定义组件
文章 2023-09-27 来自：开发者社区

【Vue】模板语法，事件处理器及综合案例、自定义组件、组件通信

 一、事件处理器我们之前事件监听可以使用v-on 指令1、事件修饰符在Vue中我们通过由点(.)表示的指令后缀来调用修饰符，比如： .stop：阻止事件冒泡。当事件触发时，该修饰符将停止事件进一步冒泡到父元素。相当于调用了 event.stopPropagation()  .prevent：阻止默认事件。默认情况下，某些元素会有默认的事件行为，比如<a>标签的点击....

【Vue】模板语法，事件处理器及综合案例、自定义组件、组件通信
文章 2023-09-27 来自：开发者社区

【Vue入门】语法 —— 事件处理器、自定义组件、组件通信

一、事件处理器1.1 样式绑定class绑定使用方式：v-bind:class="expression" ：expression的类型：字符串、数组、对象style绑定使用方式：v-bind:style="expression"： expression的类型：字符串、数组、对象示例：<--定义示例样式--> <style> .fontClass { font-...

【Vue入门】语法 —— 事件处理器、自定义组件、组件通信
文章 2023-08-01 来自：开发者社区

Vue Antdv a-form 表单中使用自定义组件，并支持 v-decorator 效验

一、简介Vue 自定义组件实现 v-model 数据双向绑定在使用 Antdv 中 Form 表单的时候，有时候需要官方自带的组件未必够用。这个时候需要使用到自定义的一些组件，自定义的组件需要支持数据双向绑定，也需要支持 v-decorator 的数据效验，或者默认值设置等等。二、自定义相关组件CustomInput.vue：自定义一个输入框来举例<template> <!...

Vue Antdv a-form 表单中使用自定义组件，并支持 v-decorator 效验

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js vue相关内容

VUE.js更多vue相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注