props

vue实现可拖拽列表

直接上代码打印数据{{item.name}}letdragIndex=0;exportdefault{created(){},mounted(){},beforeDestroy(){},props:{}
学而时习之不亦说乎。·2023-12-14 16:56

react Api之createContext

上下文可以让您在组件树中共享数据，而不必手动通过props层层传递。2、使用方式：createContext函数接受一个初始值作为参数，该初始值将在组件树中没有匹配到对应的Provider时被使用。
秃头的小毛驴·2023-12-14 15:08

正确使用React组件缓存

简介正常来讲的话当我们点击组件的时候，该组件以及该组件的子组件都会重新渲染，但是如何避免子组件重新渲染呢，我们经常用memo来解决React.memo配合useCallback缓存组件父组件没有传propsconstIndex
weixin_46787337·2023-12-14 15:37

react re-render的解决方案

/App.css'constChild:FC>}>=(props)=>{const{m,setM}=propsreturn(setM(m+1)}>addMchild{m})}constApp=()=>{
weixin_46787337·2023-12-14 14:39

【前端】没有了element时，怎么实现一个自己的form表单组件和表单校验（用法参考el-form）

代码form.vueexportdefault{props:{model:{type:Object,default:()=>{return{}}}},data(){return{requires:{}}
帅比九日·2023-12-14 14:51

uniapp移动端悬浮按钮（吸附边缘）

js：exportdefault{data(){return{x:364,//x坐标y:700,//y坐标x1:0,x2:0,y1:0,y2:0,move:{x:0,y:0}}},onLoad(){},props
TechWhiz-晓同·2023-12-14 13:29

uniapp app 实现自适应宽度 input

此时需要借助一个永远显示的元素进行宽度计算（InputWidthHelper.vue）adaption-input.vue{{modelValue||'请输入'}}exportdefault{inheritAttrs:false,props
o__A_A·2023-12-14 13:05

react中判断某元素内是否含有子元素，有则将所有子元素移除，无则添加一个类名为append_class的div元素

类组件实现代码importReact,{Component,createRef}from'react'exportdefaultclassAppextendsComponent{constructor(props
心情无变化·2023-12-14 12:36

react 学习笔记 李立超老师 | (学习中~)

自动)|create-react-app事件处理React中的CSS样式内联样式|内联样式中使用state(不建议使用)外部样式表|CSSModuleReact组件函数式组件和类组件生成一组标签/组件props
nuise_·2023-12-07 00:03

Vue 父传子组件传参 defineProps

defineProps属性：用于接收父组件传递过来的数据。注意：如果defineProps接收的参数名，和已有变量名相同，就会造成命名冲突。
小吴吴吴呀·2023-12-07 00:32

uniapp开发微信小程序自定义tabbar

定义的时候只需要写上页面路径即可第二步：自定义tabbar页面，为了实现点击动作的动态效果，需要用到watch监听父组件传来的值的改变自定义tabbar页面全部代码{{item.tabbarName}}exportdefault{props
二九筒·2023-12-06 23:42

React进阶

生命周期-官方文档image.png不同阶段调用的生命周期钩子挂载阶段当组件实例被创建并插入DOM中时，其生命周期调用顺序如下：constructor()staticgetDerivedStateFromProps
刷题刷到手抽筋·2023-12-06 23:22

vscode新建vue项目和react项目

允许自定义的代码片段提示出来{"Printtoconsole":{"prefix":"vue","body":["","","$0","","","","","","exportdefault{","name:'',","props
年轻人多学点·2023-12-06 19:39

React中的“状态”（state）和“属性”（props）的区别

在React中，"状态"（state）和"属性"（props）是两个重要的概念，它们在组件的生命周期和数据流中扮演着不同的角色。状态（State）：状态是React组件中用于存储数据的一种机制。
zhangwenok·2023-12-06 16:04

Vue路由跳转传参或打开新页面跳转

//定义路由constroutes=[{path:'/user/:id',component:User,props:true//启用props将路由参数注入组件的props中}]
一花一world·2023-12-06 13:04

Vue封装组件 父子组件相互传值

优点：简单易用：通过props属性和$emit方法，可以实现父子组件之间的数据和事
一花一world·2023-12-06 13:01

Kafka consumer的offset的提交方式

Kafkaconsumer的offset提交机制有以下两种手动提交同步提交consumer.commitSync()方式提交异步提交consumer.commitAsync(callback)方式提交自动提交props.put
zy_think123·2023-12-06 12:19

java上传下载支持ftp远程及本地目录（三）-连接池

流程排查FTPClientftpClient=newFTPClient();try{ftpClient.connect(props.getHost(),props.getPort());ftpClient.login
北海北_6dc3·2023-12-06 10:30

Redux,react-redux,dva,RTK

1.redux的介绍Redux–李立超|lilichao.com2.react-redux1）react-Redux将所有组件分成两大类UI组件只负责UI的呈现，不带有任何业务逻辑通过props接收数据
fc&&fl·2023-12-06 07:23

vue实际应用----props的默认数据，methods与computed

1.子组件props的写法如果默认porps的为对象props：{xxobj:{type:Object,default:()=>{return{}}}}如果默认props的为数组props：{xxx:{
wenmin1987·2023-12-06 01:43

react传值

在React中，父组件向子组件传递数据是通过props实现的，而子组件向父组件传递数据则需要通过回调函数的方式。对于爷孙组件之间的通信，可以通过在中间组件上设置props和回调函数来传递数据。
每天吃饭的羊·2023-12-06 00:18

Vue2

2022.5.2、3学习笔记目录3.4.4组件之间的父子关系3.4.5组件的props3.4.6组件之间的样式冲突问题四、vue基础入门(二)4.1组件的生命周期4.1.1生命周期&生命周期函数4.1.2
让我再睡会儿呗·2023-12-05 22:36

从源码分析vue3组件的生命周期

的生命周期钩子放进去下面这个表格列出了所有选项式api生命周期钩子和组合式api生命周期钩子，以及他们的对应关系和执行的时机组合式api选项式api执行时机—beforeCreate初始化组件内的属性（如：data，props
bdawn·2023-12-05 21:11

什么是Vue中的事件总线机制（EventBus）

父级向子级通过props传递数据，子级通过$emit向父组件通知事件。但是当两个毫不相关的组件互相通信时应该通过什么来实现呢？
云之遥_·2023-12-05 19:26

减少页面多余的无用渲染

一、Props稳定性在Vue之中，一个子组件只会在其至少一个props改变时才会更新。思考以下示例：在组件中，它使用了id和activeId两个props来确定它是否是当前活跃的那一项。
纵情向前_c879·2023-12-05 19:43

vue3 组建传值

Vue3组件传值defineProps,和defineEmitesdefineProps等同与vue2的propsdefineProps({xxx:{type:类型,default:xxx}})defineEmitesconstemit
前端小芬芬·2023-12-05 18:23

Vue组件之间的传值通信

父组件向子组件的传值:1.子组件在props中创建一个属性，用来接收父组件传过来的值；2.在父组件中注册子组件；3.在子组件标签中添加子组件props中创建的属性；4.把需要传给子组件的值赋给该属性。
9979eb0cd854·2023-12-05 18:12

vue父子组件状态同步的最佳方式续章(v-model篇)

原来的实现方式自定义的MyInput组件exportdefault{name:"MyInput",props:{//这里也可以写成'v-model':String但是建议根据风格来，如果左边都没有引号就直接驼峰
金色888·2023-12-05 17:00

vue3父组件给子组件传值

父组件//子组件import{ref}from'vue'consttitle=ref('')子组件:通过defineProps来接受父组件传过来的数据{{props.title}}import{defineProps
湛海不过深蓝·2023-12-05 17:06

Rn_下拉菜单

position就可以了，把你需要定位的组件放到最外层view的下面就可以了image.pngexportdefaultclassCourseDetailsextendsComponent{constructor(props
赵羽珩·2023-12-05 16:26

vue3中v-for报错 ‘item‘ is of type ‘unknown‘

报错在写vue3+ts的项目，得到一个数组，需要循环展示，使用v-for循环，写完之后发现有个报错，如下：解决props的时候使用PropType将数据类型完整标注即可以为没有显示的表示出list中item
@小花76·2023-12-05 14:09

前端开发调试技巧：如何在Component下选中当前插件并且查看当前插件信息

例如$r.props输出该组件的props参数。例子详情见如下截图
遇见小美好·2023-12-05 14:08

react Hook使用笔记：useState、useRef避免重复创建初始值

functionCreateTable(props){//createRows()方法生成rows的初始值，这样写每次渲染都会调用createRows()方法，性能开销较大const[rows,setRows
遇见小美好·2023-12-05 14:38

tsx零基础页面开发全流程（vue环境）

tsx零基础页面开发全流程（vue环境）一注册tsx页面二页面布局绘制三注册并引入组件三LogistTrackCard组件绘制四LogistTrackCard组件绘制五动态数据接驳5.1tsx|props
前端呆头鹅·2023-12-05 13:05

VUE：组件与组件之间的通信

一，父组件向子组件传值：props首先，准备一个父组件：father,和一个子组件：child.这是父组件newVue({el:'#app',components:{//父组件father:{template
爱学习的小丫·2023-12-05 11:18

Vue3组件传参之父子组件传参

一、Props（父组件向子组件传参）在Vue3中，可以使用props来在父组件向子组件传递数据。在父组件中，可以通过在子组件上使用v-bind指令，将数据绑定到子组件的defineProps方法上。
小钱999·2023-12-05 09:29

Web前端 ---- 【Vue】（组件）父子组件之间的通信一文带你了解

目录前言父组件传子组件----props给要传递数据的子组件绑定要传过去的属性及属性值在子组件中使用props配置项接收props配置项子组件传父组件----组件的自定义事件子组件向父组件传递数据通过代码来绑定自定义事件前言本文将介绍在
软工不秃头·2023-12-05 01:33

Web前端 ---- 【vue】vue 组件传值（props、全局事件总线、消息的订阅与发布）

目录前言父子组件父传子子传父全局事件总线什么叫全局事件总线如何创建全局事件总线如何在组件上获取到这个全局vc对象最常用的创建全局事件总线兄弟组件消息订阅与发布安装使用爷孙组件前言在上篇文章我们介绍了父子组件之间的传值通信，本文将介绍不仅限于父子组件之间的传值通信，还包括兄弟组件、爷孙组件之间的通信传值。以下方法暂未涉及到Vue3中新提供的方法父子组件父传子在父组件中给需要传递数值的子组件绑定属性i
软工不秃头·2023-12-05 01:29

Vue CLI——路由传参 & 路由进阶 & 路由缓存

params参数路由配置{//注意：这里的路由需要传一个参数，路由可以传多个参数//如果是多个参数，可以写/type/:id/:namepath:'/type/:id',//设置该选项为true，组件可以通过props
叽里咕呱·2023-12-05 00:46

uniapp自定义进度条组件

设计引用格式为定义组件{{val}}{{title}}{{total}}exportdefault{name:'zLineProgress',data(){return{}},props:{//标题title
iru·2023-12-05 00:55

调和阶段setState干了什么？

React的组件更新过程大致如下：组件接收到新的props或调用了setState。React会计划进行一次更新。React
是个车迷·2023-12-04 23:45

【Vue3+Ts项目】硅谷甄选 — vue3组件通信方式

一、vue3组件通信方式vue2组件通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信pubsub：发布订阅模式实现任意组件通信
唧唧bong_·2023-12-04 22:28

用js写一个自定义的滚动条

并不好改，此时需要用js，自己写一个滚动条滚动条组件tabScroll.vueimport{computed,onUpdated,reactive,ref}from"vue";exportdefault{props
Yriaf@2022·2023-12-04 21:20

[JS][Vue]学习记录之子向父传值

以前面的demo为例,假如header要向app.vue传递一个值.我们需要利用$emit()方法来实现.首先在header中:exportdefault{name:'app-header',props
未来行者·2023-12-04 20:22

vue el-radio-group多选封装及使用

创建组件index.vue(src/common-ui/radioGroup/index.vue){{item[hProps.label]}}{{item[hProps.label]}}exportdefault
皮卡丘-杰尼龟·2023-12-04 18:27

bind函数_面试官问：能否模拟实现JS的bind方法

importReact,{Component}from'react';classTodoItemextendsComponent{constructor(props){super(props);this.handleClick
weixin_39647471·2023-12-04 17:46

vue学习笔记（七）——购物车案例及开发中的一些心得体会

一、props属性定义以及一些细节应用1.1props的2种定义方式props:[]-只声明变量,不能类型校验props:{}-声明变量和校验类型规则-不对则报错父组件定义属性子组件接收父组件传的值props
因为奋斗超太帅啦·2023-12-04 15:38

【Vue实践】装饰器（vue-property-decorator 和 vux-class）的使用

文章目录1.安装2.vue-property-decorator`@Component``@Prop``@PropSync``@Model``@ModelSync``@Watch``@
lynnhgwang·2023-12-04 13:07

React页面传值的做法

props.params我们可以使用指定一个path。
BlueSkyBlue·2023-12-04 12:14

解决vuetify表格组件自适应自适应父级高度

通过获取父级元素高度减去表格头部和底部高度，达到适应高度.elementUi等也可参考此思路注意计算高度的函数防抖要不能在methods中加importdebouncefrom"lodash/debounce"exportdefault{props
flong_abc·2023-12-04 09:00
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他