自定义组件v-model

ElementUI中的el-select显示的不是对应label值

这个下拉框组件可以在v-model绑定的值等于option中value的值时，显示对应option的label但是下面这个出了问题，显示的是1或2或3，而不是对应的label经过一顿查找，发现是editParam.role_id
fuze2333·2025-06-15 11:06

功能界面的组件化编码流程

说起来很笼统，我们之间上案例，这个是一个表单功能，我们直观的看呢，拆分组件，首先外壳App组件就是大盒子，然后里面的就是我们需要的自定义组件
lichenyang453·2025-06-14 23:15

vue video(视频)禁止用户拖动进度条，自定义组件实现，包含视频音量、暂停、播放、全屏、退出全屏 、播放进度，话不多说直接上代码。

注意项目中本组件使用到了elementUI所以要确保项目中安装了videoFree.vue{{curJd}}{{allTime}}js部分：因此为nuxtjs开发的项目，代码中this.$fmtS是一个格式化时间的工具类代码后面有exportdefault{props:{src:{type:String,default:''}},data(){return{video:null,isPlay:fa
行云流水626·2025-06-13 12:53

html引入vue子组件,怎么直接引入vue.js？

;在普通web项目中，如果我们想自定义组件，按官方文档的写
兰小龙·2025-06-12 18:40

【鸿蒙实战开发】Fabric 自定义组件开发指南

1.编写RN调用Fabric组件的代码编写MarqueeViewNativeComponent.tsx，注意，如果要使用Codegen，文件必须以NativeComponent命名。在文件中使用codegenNativeComponent创建MarqueeView组件，其中MarqueeViewProps里声明了src属性和onStop事件：typeOnStopEventData=Readonly
「已注销」·2025-06-11 21:44

如何监听组件再次显示的事件？##ArkTS##

aboutToAppear和aboutToDisAppear，即监听这个组件被挂载和卸载的事件，和被@Entry修饰的页面不同，组件是没有每次显示都能触发的onPageShow这个生命周期的，但是实际上，自定义组件也会有这方面的需求
·2025-06-11 11:10

v-bind 与 v-model 的区别与联系详解

v-bind与v-model的区别与联系详解一、核心区别对比表特性v-bindv-model数据流向单向（数据→视图）双向（数据↔视图）主要用途绑定HTML属性/组件props表单输入双向绑定本质属性绑定指令语法糖
步行cgn·2025-06-11 07:36

##ArkTS##关于生命周期中的aboutToAppear和onPageShow的理解和应用

在官网的“自定义组件的生命周期”这一章节当中介绍的生命周期中，有两个对开发我觉得很重要的生命周期，分别是aboutToAppear和onPageShow。
·2025-06-11 03:05

placeholder不显示and模板字符串无效

检查代码，input是否有初始值在Vue.js中，v-model是双向绑定的语法糖，它会动态更新输入框的value。
·2025-06-10 17:23

【Vue】自定义指令、插槽

目录自定义指令是什么作用使用方法定义使用自定义指令配合绑定数据语法自定义指令的简写语法使用时机插槽什么是插槽默认（匿名）插槽编辑插槽的默认值具名插槽使用方法简写使用示例作用域插槽自定义指令是什么内置指令：是vue3自带的，比如：v-model
_清风过耳·2025-06-09 21:35

HarmonyOS NEXT开发（Beta6）自定义组件stateStyles多态样式详解

@Styles仅仅应用于静态页面的样式复用，stateStyles可以依据组件的内部状态的不同，快速设置不同样式。这就是我们本章要介绍的内容stateStyles（又称为：多态样式）。说明多态样式仅支持通用属性概述stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同。ArkUI提供以下五种状态：focused：获焦态。normal：正常态。pressed：
我很英俊 小名男男·2025-06-09 09:43

nodejs 019: React组件 JSX基础语法规则 01

目录Ⅰ.JSX的基本概念JSX的特点和优势Ⅱ.className通过样式文件使用`className`使用CSS模块Ⅲ.首字母大小写和自定义组件1.首字母大小写的规则2.自定义组件的编写3.动态渲染自定义组件
FakeOccupational·2025-06-08 17:20

Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例

核心特性与用法基本属性v-model：绑定右侧列表的值（key数组）data：组件数据源，需包含key和label属性props：配置数据源的字段别名filterable：是否启用搜索功能titles：
BillKu·2025-06-07 18:38

微信小程序开发一个自定义组件的详细教程

以下是一个微信小程序自定义组件的详细教程，覆盖开发文档中的核心知识点。
胡西风_foxww·2025-06-06 02:09

Vue 中 v-model 与 props 的“陷阱“：为什么加了 props. 就不报错了？

起因今天使用同事的代码的时候、看见同事代码父组件使用v-model给子组件传递参数呢，但是子组件里面用watch监听了这个v-model传递的参数、并且赋值给一个ref了然后又将ref这个使用v-model
蓝精灵001·2025-06-05 18:40

【sgImportBtn】自定义组件：导入按钮（支持上下文关联导出菜单，配置下载导入Excel模板按钮命令、样式、图标路径等）

sgImportBtn.vue{{dropdownItems[0].label}}{{item.label}}exportdefault{name:"sgExportBtn",components:{},data(){return{form:{},disabled:false,placement_dropdown:`bottom-end`,placement_tooltip:`top-end`,t
你挚爱的强哥·2025-06-05 01:10

【pdf】自定义组件：预览指定地址的PDF文件

pdf.vueexportdefault{data(){return{src:``,pdfUrl:``,filename:``,keyword:``,keywords:``,spreadMode:1,//默认[双页模式:1]};},props:["data"],watch:{data:{handler(newValue,oldValue){//console.log(`深度监听${this.$op
你挚爱的强哥·2025-06-05 01:09

day02 vue学习日记

day02Vue常用特性表单基本操作获取单选框中的值通过v-model男女newVue({data:{//默认会让当前的value值为2的单选框选中gender:2,},})获取复选框中的值通过v-model
叫我小神龙�·2025-06-04 08:32

div contenteditable自定义组件

<divclass="edit-border"@blur="divBlur"
史一试·2025-06-04 06:12

Vue 3 中ref 结合ts 获取 DOM 元素的实践指南。

二、基本用法：引用DOM元素1.引用通用DOM元素（`HTMLElement`）2.引用特定类型的DOM元素（如`HTMLDivElement`）三、语法中的类型定义四、引用自定义组件实例五、最佳实践与注意事项总结前言在
小码龙~·2025-06-04 01:37

uniapp的uni-datetime-picker组件在ios端不适配，如何解决？

`@change`事件未触发或数据绑定不生效3.检查`v-model`的初始化值4.使用`@confirm`事件
bug菌¹·2025-06-03 12:00

12分钟讲解主流React库

它使用自定义组件，如BrowserRouter、Routes和Route组件，以创建URL和链接页面，你可以通过path属性来定义这些链接。在ReactRouter中，你使用Link组件代替传统
techdashen·2025-06-02 18:17

【Vue笔记】Vue中默认插槽slot、具名插槽slot、自定义组件的v-model属性的使用

这篇文章，主要介绍Vue中默认插槽slot、具名插槽slot、自定义组件的v-model属性的使用。目录一、插槽slot介绍1.1、默认插槽1.2、具名插槽（1）如何定义具名插槽？？？
Mr.小朱同学·2025-06-01 12:48

26.[HarmonyOS NEXT Column案例六（上）] 交互式任务列表：垂直列表与条件渲染的完美结合

本教程将详细讲解如何使用Column和Row组件的嵌套组合，结合自定义组件和条件渲染，创建一个
·2025-06-01 03:43

鸿蒙仓颉开发语言实战教程：自定义组件

今天我们继续进阶，分享一个仓颉开发语言中的自定义组件知识。
幽蓝计划·2025-05-28 10:29

鸿蒙仓颉开发语言实战教程：自定义组件

今天我们继续进阶，分享一个仓颉开发语言中的自定义组件知识。
·2025-05-27 18:57

Vue v-model 深度解析：实现原理与高级用法

一、v-model的本质v-model是Vue中最常用的指令之一，它本质上是一个语法糖，用于在表单元素和自定义组件上实现双向数据绑定。
じ☆ve 清风°·2025-05-24 05:06

关于Vue自定义组件封装的属性/事件/插槽的透传问题

//parent.vue查询//child.vue内部属性:$attrs、$listeners、$slots一、属性的透传v-bind=“$attrs”:只会读取子组件【props选项】中没有申明过的属性二、自定义事件的透传方式一:v-on=“$listeners”:会将父组件所有事件监听器传递到子组件内部元素方式二:直接在子组件上触发事件方式三:手动触发事件exportdefault{props
Mr.app·2025-05-23 01:24

鸿蒙开发：熟知@BuilderParam装饰器

在实际的开发中，我们经常会遇到自定义组件的情况，比如通用的列表组件，选项卡组件等等，由于使用方的样式不一，子组件是动态变化的，针对这一情况，就不得不让使用方把子组件视图传递过来，如何来接收这个UI视图，
程序员一鸣·2025-05-21 10:07

鸿蒙HarmonyOS 5.0开发：ArkTS语言-@BuilderParam装饰器：引用@Builder函数

应用开发实战学习路线鸿蒙HarmonyOSNEXT开发技术最全学习路线指南鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）@BuilderParam装饰器：引用@Builder函数当开发者创建了自定义组件
炫酷盖茨猫先生·2025-05-21 10:37

HarmonyOS NEXT应用开发：UI基本语法-@BuilderParam装饰器：引用@Builder函数

应用开发实战学习路线鸿蒙HarmonyOSNEXT开发技术最全学习路线指南鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）@BuilderParam装饰器：引用@Builder函数当开发者创建了自定义组件
奋斗的小野猪·2025-05-21 09:36

vue3组件跨层级数据传递provide/inject

我们在组件数据传递的过程中，需要明确的知道数据流向，否则会导致后期难以维护，变成“猜谜游戏”，在父子组件的数据传递中，props/emit和v-model是直接父子组件关联关系，数据流向最清晰，易于维护
·2025-05-21 00:12

Vue 中 v-model 的三种使用方式对比与实践

在Vue3中，v-model是组件双向数据绑定的核心特性。随着Vue的版本演进，v-model的使用方式也在不断优化。
编程猪猪侠·2025-05-19 21:44

前端面经-VUE3篇（一）--vue3基础知识- 插值表达式、ref、reactive

2、指令的分类1、内置指令①内容绑定：v-text和v-html②属性绑定：v-bind③事件绑定：v-on④条件渲染：v-if、v-else-if、v-else⑤列表渲染：v-for⑥双向绑定：v-model⑦
小杨升级打怪中·2025-05-17 05:20

vue3组件传值v-model的双向数据绑定

组件v-model父组件内constselectParams=ref({name:null,address:null,desc:null})我们在子组件上定义v-model用于双向绑值，父组件内需要定义一个绑定的变量
·2025-05-16 13:56

VUE篇之自定义组件使用v-model

子组件：exportdefault{props:{value:{//必须使用value作为prop名type:Object,default:()=>({time:'',//其他可能的属性}),required:true}},data(){return{timeOptions:{start:'08:30',step:'00:15',end:'18:30'},//创建内部副本以避免直接修改propin
这个一个非常哈·2025-05-16 08:18

kbone 高级 - 使用小程序内置组件（一）_kbone引入公用css文件

open-data组件web-view组件内置组件的子组件会被包裹在一层自定义组件里面，因此内置组件和子组件之间会隔着一层容器，该容器会追加h5-virtual到class上（除了view、cover-view
2501_90213331·2025-05-14 22:18

Vue3中v-model的超详细教程

大家好呀～今天给大家带来一个超级实用的Vue3技巧：如何使用v-model实现数据双向绑定！如果你在开发过程中需要快速实现表单输入与组件状态同步，那么v-model绝对是你的最佳选择！
风清扬雨·2025-05-11 21:53

Vue 组件通信方式总览

Vue组件通信方式总览通信方式适合场景简单描述props+emit父子组件传值父传数据给子，子触发事件通知父v-model父子双向绑定父和子同步更新数据provide/inject祖孙组件传值父（祖先）
Adolf_1993·2025-05-11 20:47

ui组件二次封装（vue）

组件二次封装的意义保证一个系统中ui风格和功能的一致性便于维护从属性、事件、插槽、ref这几方面考虑属性和事件的处理：ui组件上绑定$attrs（v-model本质也是一个属性加一个事件，所以也在其列）
monstkl·2025-05-11 16:52

【网站搭建】Hugo + Tailwind 自定义组件工作流

文章目录1.新建Tailwind入口CSS文件2.配置Tailwind构建命令3.构建TailwindCSS4.页面引用5.以后自定义组件/样式以后有需求则：1.新建Tailwind入口CSS文件在主题目录下新建
沉浮于岸·2025-05-10 01:03

3、食品包装控制系统 - /自动化与控制组件/food-packaging-control

76个工业组件库示例汇总食品包装线控制系统这是一个用于食品包装线控制系统的自定义组件，提供了食品包装生产线的可视化监控与控制界面。
1105465401·2025-05-09 05:20

5、开放式PLC梯形图编程组件 - /自动化与控制组件/open-plc-programming

76个工业组件库示例汇总开放式PLC编程环境这是一个开放式PLC编程环境的自定义组件，提供了一个面向智能仓储堆垛机控制的开放式PLC编程环境。
1105465401·2025-05-08 20:21

vue 常见ui库对比（element、ant、antV等）

主题定制：支持主题定制，可以自定义组件的样式。国际化支持：支持多种语言，方便国际化开发。文档齐全：详细的文档和示例代码，易于上手。社区活跃：拥有活跃的社区和丰富的插件支持。3.优缺
香蕉可乐荷包蛋·2025-05-08 07:32

el-input金额类：@input 格式化输入（含代码、案例、截图）

取绝对值后为数字），且支持负数±Number（number、±string）、返回值保留小数点后两位案例截图：示下：案例代码：调用代码·示下：limitInput(e,row,'taxMoney')"v-model
草巾冒小子·2025-05-07 12:36

微信小程序 自定义组件 标签管理

环境小程序环境：微信开发者工具：RC1.06.2503281win32-x64基础运行库：3.8.1概述基础功能标签增删改查：支持添加/删除单个标签、批量删除、重置默认标签数据展示：通过对话框展示结构化数据并支持复制动画系统：添加/删除时带缩放淡入淡出动画结构分析（WXML）数据展示优化使用scroll-view应对长内容user-select开启文本选择添加标签{{item.name}}×删除全
奇妙方程式·2025-05-07 01:26

父子组件通信之v-model

我们都知道父子组件通信有很多方法，v-model就是其中一种，v-model可以实现数据双向绑定，v-model就是v-bind和@input事件的语法糖意思就是v-bind:value和v-on:input
一見如故·2025-05-04 22:59

v-model实现父子组件通信

vue中有一个很神奇的东西叫v-model，它可以完成我们的需求。
An丶清风·2025-05-04 22:28

组件通信-v-model

前序知识——v-model的本质$event.target).value">3.（父组件）组件标签上的v-model的本质：:moldeValue＋update:modelValue事件。
娃哈哈哈哈呀·2025-05-04 22:27

vue2 /vue3【nextTick】的使用方法及实现原理，一文全搞懂！

本文较长，小伙伴们可以先收藏+关注，抽空学习哦~上一篇文章深入剖析v-model的原理、父子组件双向绑定的多种写法（热榜前十）系列专栏vue2
码喽的自我修养·2025-05-03 13:21
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他