Props

uniapp中props的用法

一、基本该概念Props是父组件向子组件传递数据的桥梁，子组件通过定义props接收父组件的数据二、定义方式1、简单类型定义（数组形式）//子组件定义props:['name','age']//父组件使用
Vae_Mars·2025-03-27 01:50

uniapp再次封装uni-nav-bar导航栏组件

{{title}}exportdefault{name:'CustomNavBar',props:{//标题title:{type:String,default:''},//标题颜色titleColor
花开花落的博客·2025-03-27 01:18

el-tree左侧树插件

左侧树图，右侧内容，点击树节点展示相应内容1.树节点单选2.一级节点可展开收起无法被选中3.二级节点被选中展示相应页面{{node.label}}exportdefault{name:'leftTree',props
Qiye108·2025-03-27 00:01

前端框架学习路径与注意事项

以下是学习路径的关键方面和注意事项：一、学习路径的核心方面1.基础概念与核心思想组件化开发：理解组件的作用（复用性、隔离性）、组件通信（Props/Events、状态提升、Context/Redux等）
开心小老虎·2025-03-26 12:14

vue3 中如何监听 props 中的值的变化

在Vue3中，你可以使用watch函数来监听组件的props值的变化。watch函数允许你观察一个或多个响应式数据源，并在这些数据源发生变化时执行回调函数。
&活在当下&·2025-03-26 07:00

uniapp 实现的下拉菜单组件

id=22696使用示例props属性defaultValue默认值defaultValue:{type:number,default:1,},options选
狼性书生·2025-03-25 06:23

uniapp组件封装-下拉菜单栏

如图效果{{value}}{{item}}exportdefault{data(){return{showMenu:false,}},props:{value:{type:String},data:{type
m0_67402013·2025-03-24 21:47

Uni-App 双栏联动滚动组件开发详解 (电梯导航)

本文基于提供的代码实现一个左右联动的滚动组件，以下是详细的代码解析与实现原理说明：{{item}}{{section.title}}{{para}}exportdefault{//组件参数定义props
FFF-X·2025-03-24 00:45

如何解决Vue组件间传递数据的问题？

文章目录1.引言2.常用数据传递方式2.1父子通信：Props与$emit父向子传递数据子向父传递数据2.2兄弟组件通信：共享父组件或全局事件总线通过共同父组件全局事件总线（EventBus）2.3跨级组件通信
几何心凉·2025-03-23 15:01

【el-cascader 级联选择器】懒加载 - 适用新增、编辑表单（编辑表单有初始数据）

this)=>{return{rule:{type:'cascader',label:'违规情况',layout:12,required:true,attrs:{'collapse-tags':true,props
Fighting_p·2025-03-23 11:32

React 中 Context 的作用是什么，在什么场景下使用它？

通常情况下，数据是通过props从父组件传递到子组件。不过，要是组件嵌套层次很深，就需要在每一层组件都传递props，这样会让代码变得复杂且难以维护。Context能帮我们解决这个问题。
前端大白话·2025-03-22 00:32

高级前端面试题-React

高阶组件、renderprops选择hooks的优点状态逻辑复用；状态逻辑集中，易于理解；类组件不利于优化，比如不能很好的压缩为什么要用hooks,解决了什么问题同上react的context的使用场景共享对一个组件树全局的信息
圣诞小子·2025-03-21 17:29

封装一个分割线组件

最终样式Vue2代码{{title}}exportdefault{name:'SepLine',props:{title:{type:String,default:'照片元数据'//默认值}}}/*样式
小张快跑。·2025-03-20 15:25

uniapp报错 Right-hand side of ‘instanceof‘ is not an object

vue3使用vue2的插件组件时,会报这个错,原因是vue2组件内部的props接收属性时的type类型要写成[Srting,Number]数组的形式,而不是'String|Number'如图所示;
学无止境鸭·2025-03-20 07:38

React学习笔记20

一、React.forward1.1、作用通过ref暴露子组件的DOM1.2、场景说明1.3、语法实现//子组件constInput=forwardRef((props,ref)=>{return})/
充气大锤·2025-03-19 17:22

Volar ——Vue3 完美的配套工具

`volar`是什么2.Volar的新功能介绍2.1`refsugar`2.2`template`语法转换2.3`classreferences`2.4`props`类型检测2.5各种语法提示2.5.1
web13985857354·2025-03-18 02:59

React封装通用Form组件，类型转换、命名控件样式隔离、支持表单验证、位置自定义、自定义布局、提示信息info等功能。未采用二次封装调整灵活，包含使用文档

实现效果五、使用文档BasicFormModal表格模态框组件组件简介功能特点使用方法基础用法宽度和位置控制使用初始值多种输入类型示例表单验证字段提示信息禁用字段自定义样式更新日志v1.0.0API说明PropsFormField
夜斗(dou)·2025-03-17 14:26

vue 父组件和子组件中v-model和props的使用和区别

一、v-model1、v-model可以在组件上使用以实现双向绑定。即父组件的值可以传递给子组件，子组件的值修改后，父组件的值会同步更新。从Vue3.4开始，推荐的实现方式是使用defineModel()宏；2、示例：最常用的使用方式：父组件的值，传值给子组件，子组件的input绑定了此字段，这样子组件input的内容修改时，父组件里的值便会同步更新，示例如下VueSFCPlayground父组件
zpjing~.~·2025-03-17 04:42

基于html5QrCode实现的H5扫码功能（uni-app v2版本）

-qrcode直接引入html5-qrcode.min.js文件（本例使用此方法）2.扫码组件代码（先引入Html5Qrcode资源）exportdefault{name:'Scan',model:{props
_虾仁不眨眼_·2025-03-16 15:36

打造高性能的react

在里面判断传入的pros是否改变，不变则返回falsePureComponent+Immutable.jsPureComponent其实就是内置了对shouldComponentUpdate的实现，不过其对props
大鸡腿最好吃·2025-03-15 16:48

Vue动态组件完全指南：原理、使用场景与最佳实践

基础语法2.组件注册方式3.动态组件生命周期三、六大典型应用场景1.标签页切换系统2.多步骤表单流程3.动态仪表盘4.权限驱动视图5.插件系统集成6.服务端驱动界面四、高级使用技巧1.状态保持方案2.动态Props
北辰alk·2025-03-15 08:40

echarts实现3d饼图

/import{ref}from'vue';import{onMounted,onUnmounted,toRefs,ref,reactive,watch}from'vue'exportdefault{props
qq_45600165·2025-03-14 22:12

《React 属性与状态江湖：从验证到表单受控的实战探险》

属性初识属性能解决两个大问题：通信和复用props.js:importReact,{Component}from'react'importNavbarfrom'.
贩卖纯净水.·2025-03-13 05:37

在Vue中如何高效管理组件状态？

1.引言2.局部状态管理2.1组件内部的data2.2计算属性与Watcher3.父子组件状态传递3.1通过Props与$emit3.2双向绑定（v-model）4.全局状态管理4.1使用Vuex4.2
几何心凉·2025-03-12 18:50

37.HarmonyOS NEXT Layout布局组件系统详解（四）：间距处理机制

2.gutter属性介绍2.1gutter属性定义gutter属性定义在RowProps接
·2025-03-12 00:47

37.HarmonyOS NEXT Layout布局组件系统详解（四）：间距处理机制

2.gutter属性介绍2.1gutter属性定义gutter属性定义在RowProps接
·2025-03-12 00:44

36.HarmonyOS NEXT Layout布局组件系统详解（三）：AutoCol列组件实现原理

2.AutoCol组件接口定义AutoCol组件的属性定义在LayoutProps接口中：exportinte
·2025-03-12 00:44

uniapp 滚动尺

scale组件代码（部分class样式使用到了uview1.0的样式）{{item/10}}exportdefault{name:'Scale',components:{},props:{value:{
走，带你去玩·2025-03-11 17:35

16 HarmonyOS NEXT UVList组件开发指南(三)

HarmonyOSNEXTUVList组件开发指南(三)第三篇：UVList组件使用方法与实际应用1.基础使用方法1.1引入组件使用UVList组件前，需要先引入组件和相关接口：//引入接口定义import{ListItemProps
全栈若城·2025-03-10 19:17

16 HarmonyOS NEXT UVList组件开发指南(三)

HarmonyOSNEXTUVList组件开发指南(三)第三篇：UVList组件使用方法与实际应用1.基础使用方法1.1引入组件使用UVList组件前，需要先引入组件和相关接口：//引入接口定义import{ListItemProps
·2025-03-09 20:23

vue2+el-table 封装表格组件,基本够用了，带自动滚动

scope.row[scope.column.property]}}重置{{scope.row[scope.column.property]}}exportdefault{name:"CustomTable",props
mokn·2025-03-09 07:08

nuxt、vue树形图d3.js

直接上代码//安装npmid3--saveimport*asd3from"d3";exportdefault{props:{data:Object,nodeWidth:{type:Number,default
小一梦·2025-03-09 05:41

15 HarmonyOS NEXT UVList组件开发指南(二)

下面是UVList组件的完整实现代码：//UVList.etsimport{ListProps,
·2025-03-09 00:23

关于父组件向子组件传值的形式（类型一）

父组件中的子组件引入......data:function(){return{availableFieldsParent:[],//父组件向子组件的传值数据......}子组件Menu.vue//子组件定义props
qq_53318302·2025-03-08 23:26

vue组件获取props_Vue中子组件怎么获取父组件的值？（props实现）

也就是props是子组件访问父组件数据的唯一接口。所以子组件引用父组件就需要用props实现。也就是props是子组件访问父组件数据的唯一接口。
weixin_39943868·2025-03-08 13:49

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue";constprops
十年 lius·2025-03-08 13:28

11 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar组件深度剖析（二）

第二篇：探秘Avatar组件的核心实现机制1.组件结构设计2.状态管理2.1组件状态定义@ComponentexportstructAvatar{//私有属性privateprops:AvatarProps
全栈若城·2025-03-08 12:23

12 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar组件设计精髓(三)

/components/Avatar"1.2基础示例//文字头像Avatar({props:{text:'张',randomBgColor:
·2025-03-08 10:28

13 【HarmonyOS NEXT】 仿uv-ui组件开发之Avatar组件进阶指南(四)

第四篇：打造高性能Avatar组件的终极优化秘籍1.性能优化策略1.1状态管理优化//优化前@Stateprivateprops:AvatarProps//优化后private
·2025-03-08 05:48

vue2前端使用图片展现视频,无法销毁请求

实现思路，使用canvas绘制图像，然后使用动画帧刷新页面exportdefault{props:{info:{type:Object,default:()=>({url:'',index:''}),}
贾宝玉单臂擒方腊·2025-03-08 04:23

奶妈级别 芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification
William Dawson·2025-03-08 01:42

uniapp微信小程序vue3自定义tabbar

隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue';constprops
HerayChen·2025-03-07 22:07

出现 defineProps is a compiler macro and no longer needs to be imported. 解决方法

目录1.问题所示2.原理分析3.解决方法1.问题所示执行前端代码的时候，出现如下问题：[@vue/compiler-sfc]definePropsisacompilermacroandnolongerneedstobeimported
码农研究僧·2025-03-07 17:42

react useEffect详解

useEffect(()=>{undefinedconsole.log(props.number)setNumber(props.
王富贵的记录·2025-03-07 17:40

react中的useContext--为什么使用（一）

React的数据传递流程在React中，数据传递通常是自上而下的，也就是父组件把数据通过props传递给子组件，子组件无法直接修改父组件的数据。
咖啡虫·2025-03-07 08:24

前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？

setState()案例需求总结forceUpdate()案例需求总结props改变案例需求总结context改变案例需求总结哪些方法会触发React重新渲染？重新渲染render会做些什么？
m0_74823705·2025-03-07 07:50

React 基础教程

目录React基础教程一、React简介二、安装和设置三、创建第一个React组件（一）函数式组件（二）类组件四、渲染组件五、组件的属性和状态（一）属性（Props）（二）状态（State）六、组件的生命周期方法七
阿贾克斯的黎明·2025-03-07 07:19

element upload文件上传第二次上传失败的解决方法

"文件"}}exportdefault{name:'myUploadCompoent',data(){return{}},model:{prop:'fileInfo',event:'change'},props
shalDream·2025-03-06 13:52

react精简面试题

单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？
懒人村杂货铺·2025-03-06 09:57

React Hooks 完全指南：从入门到精通

类组件痛点：根据2024年React开发者调查报告，87%的开发者认为生命周期方法难以理解，尤其是componentDidUpdate的复杂逻辑逻辑复用困境：传统HOC和RenderProps模式导致组件嵌套地狱
斯~内克·2025-03-05 15:26
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他