$props

后端程序员入门react笔记——react的生命周期（二）

React常用的钩子函数constructor这个函数我们太常见了，在初始化类的state的时候，或者初始化类的props的时候都会用到，就是一个类的构造函数。
老A技术联盟·2024-02-05 15:07

怎样理解Vue单向数据流

这意味着只有父组件可以改变数据，而子组件只能通过props接收数据，并且无法直接修改它们。这种单向数据流的设计原则有
JJCTO·2024-02-05 15:42

Kafka配置类参数设置

Propertiesprops=newProperties();props.put("bootstrap.servers","localhost:9092");props.put("key.serializer
大大大大肉包·2024-02-05 14:27

ReactNative实现宽度变化实现的动画效果

useRef,useEffect,useState}from'react';import{Animated,Text,View,Image}from'react-native';constFadeInView=props
xvzhengyang·2024-02-05 12:42

el-cascader 懒加载数据与自动回显完整代码

import{PDD}from'@/apis';exportdefault{props:['detail'],data(){return{cat_ids:[],catOptions:[],showCascader
zxo_apple·2024-02-05 12:53

[Vue3]父子组件相互传值数据同步

简介vue3中使用setup语法糖，父子组件之间相互传递数据及数据同步问题文章目录简介父传子props传递值使用v-bind绑定props需要计算toRefcomputedemit传递方法使用v-on绑定子传父
Suppose·2024-02-05 11:42

el-cascader组件 回显

constpropsData=reactive({label:'payTypeName',value:'payTypeCode',children:'nodes',multiple:true,});consthandleCasChange
曲小强·2024-02-05 11:40

Vue学习笔记之组件基础

1、组件的定义一般将Vue组件定义在一个单独的.vue文件中，称做单文件组件；当然也可以将组件直接定义在js文件中，如下js代码，定义一个组件BlogPost，通过props定义对外暴露属性title，
Three Big Stones·2024-02-05 09:30

React实例之完善布局菜单（二）

组件间的状态共享一般通过Props、state、及Reducer这么种方式。对于单层状态的上下传递我们采用Props
码蚁先生·2024-02-05 07:15

render 函数

exportdefault{data(){return{columns7:[{title:'Name',key:'name',render:(h,params)=>{returnh('div',[h('Icon',{props
panw3i·2024-02-05 07:52

react 多层级组件传值方案（React.context 和 useContext）

React中，数据流是自顶向下的，如果兄弟组件通信，那就得先状态提升到父组件但我们平时开发过程中，经常碰到组件树层级很深，如果不同层级的组件需要使用同一份数据，那从顶层组件分别传递props的方案肯定是很麻烦的而且太深的
友人C君~·2024-02-05 06:31

React 组件跨层级数据共享：createContext、useContext、useMemo

createContext问题背景：跨组件传值原本组件传递需要一层一层props传递，传递太过繁琐importReactfrom'react'functionNeedData(props){return
真·skysys·2024-02-05 06:00

一款好看的markdown编辑器：md-editor-v3

文章目录md-eidtor-v3地址其它markdown编辑器md-editor-v3⭐️功能一览安装用法✍编辑器模式仅预览模式预览图ApisMdPreivewPropsMdEditorPropsMdPreview
ps酷教程·2024-02-05 05:46

Vue常用的修饰符有哪些，有什么应用场景

修饰符是什么修饰符的作用表单修饰符lazytrimnumber事件修饰符stoppreventselfoncecapturepassivenative鼠标按钮修饰符键盘修饰符v-bind修饰符asyncpropscamme
前端布道人·2024-02-05 03:29

CSS-In-JS

2.1优点2.2缺点三.Emotion库3.1Emotion介绍3.2css属性支持3.3css⽅法3.4属性优先级3.5StyledComponents样式化组件3.5.1创建样式化组件3.5.2根据props
Ne￡·2024-02-05 03:44

css-in-js 之 vue

需要安装以下依赖：$npmivue-styled-components@vue/babel-helper-vue-jsx-merge-props@vue/babel-preset-jsx--save-dev
佛天华·2024-02-05 03:44

烈焰屠城

Usethepropsonthewall,launchyourflyingsword,killthedevil!Defendthecastle!
htrh545·2024-02-05 01:27

iview 页面中判断溢出才使用Tooltip组件

使用方法给Tooltip再包装一下{{content}}exportdefault{name:'TextTooltip',props:{content:String,className:String,theme
笋笋~·2024-02-05 01:52

如何解决报错：please transfer a valid prop path to form item!

name:'ACTIVITYBIGSIZE',title:'title1',width:4,height:3,},{title:'title2',width:4,height:3,},],}解决方式：把props
诛宵小或率宾归王·2024-02-05 01:15

vue3 图形验证码组件

piccode.vue//vue3图形验证码import{reactive,onMounted,ref,toRefs,defineEmits}from"vue";exportdefault{setup(props
路过的假面骑士dcd·2024-02-04 22:47

vue2学习笔记（2/2）

render函数文件结构图示及说明main.jsindex.htmlApp.vueSchool.vueStudent.vue关于不同版本的Vue修改默认配置vue.config.js配置文件3.ref属性4.props
ps酷教程·2024-02-04 19:43

vue3-setup语法糖 - 父子组件之间的传值

Child'import{ref}from'vue'constparentMsg=ref('父组件传递值是a')2、子组件接收方式和使用我是子组件拿到了父组件的值是{{info}}import{toRefs,defineProps
芒果芒果丶·2024-02-04 17:30

vue中动画封装

*/.v-leave-to{opacity:0;}.v-leave-active{transition:opacity3s;}-->helloworld切换Vue.component('fade',{props
程序员同行者·2024-02-04 17:28

react 图片压缩工具(可下载)

/Compressor'exportdefaultclassUploadPicextendsReact.Component{constructor(props){super(props);this.state
白煮酒·2024-02-04 15:01

React中的Props：传递数据与组件通信

在React程序中，Props（属性）是组件之间通信的核心机制之一。Props允许将数据从一个组件传递到另一个组件，并在整个应用程序中有效地管理状态和行为。
Pandamahu·2024-02-04 14:33

Vue组件通信讲解[父子组件通信]

Vue组件通信讲解在Vue中，父子组件之间的通信可以通过props和emit来实现。props用于从父组件向子组件传递数据，而$emit用于从子组件向父组件触发事件。
KingDol_MIni·2024-02-04 12:10

【Vue】组件间通信的7种方法（全）

目录组件之前的通信方法1.props/$emit2.parent/children3.ref4.v-model5.sync6.attrs,attrs,attrs,listeners7.provide/inject7
王果冻ddd·2024-02-04 11:31

在浏览器调用相机（只对https兼容），适用于H5

中才能正常使用（注意注意）一、组件相机权限被拒绝，请尝试如下操作：·刷新页面后重试；·在系统中检测当前App或浏览器的相机权限是否被禁用；·如果依然不能体验，建议在微信中打开链接；exportdefault{props
愉快的小跳蛙·2024-02-04 10:40

图解Vue组件通讯【一图胜千言】

今天我们来学习下面三种组件通信方式：父子组件之间的通信兄弟组件之间的通信祖先与后代组件之间的通信1.父子组件之间的通信适用场景：父组件传递数据给子组件步骤1：父组件在使用子组件标签时通过字面量来传递值步骤2：子组件设置props
凡大来啦·2024-02-04 07:30

vue中对element的分页组件的封装

并新建一个文件index.vue,内容如下：/**index.vue*/import{scrollTo}from'@/utils/scrollTo'exportdefault{name:'Pagination',props
理想休想幻想·2024-02-04 02:34

vue大屏放大缩小适配方案之scale，直接用超简单

vue2组件代码如下：1.适应长度宽度，不留白，（本demo是第一种，不留白）importdebouncefrom'lodash.debounce'exportdefault{components:{},props
匆叔·2024-02-04 00:05

Web前端面试题（更新中...）

getDerivedStateFromProps容易编写反模式代码，使受控组件和非受控组件区分模糊componentWillMount在React中已被标记弃用，不推荐使用，主要的原因是因为新的异步架构会导致它被多次调用
冷七七-·2024-02-03 23:57

父组件向子组件传值和子组件向父组件传值

一、父组件向传值子组件父组件传给子组件的值不能改，因为数据流是单向的父-->子绑定可以传递各种数据类型和解析变量的值，不绑定传过去的就是字符串子组件接收：两种方式：props["n"]；子组件对接收数据进行验证
yaya_0623·2024-02-03 21:58

uniapp 组件封装

1.uniapp组件封装时间戳格式化为星期1.1.components/m-week.vue{{week}}exportdefault{props:{'time':String},mounted(e){
雪芽蓝域zzs·2024-02-03 20:13

【Vue】3-3、Vue 3.3 新特性 & Pinia

一、Vue3.3新特性1、defineOptions有之前，如果要定义props，emits可以轻而易举地添加一个与setup平级的属性但是用了后，就没法这么干了，setup属性已经没有了，自然没法添加与其平级的属性为了解决这一问题
QX_Java_Learner·2024-02-03 19:11

Vue学习笔记

_el和data的俩种写法7.事件修饰符8.键盘事件9.条件渲染10.列表过滤11.过滤器12.常用指令13.生命周期14.组件15.ref属性16.props配置17.mixin属性18.vue中的插件
沈姐姐~·2024-02-03 19:11

react 受控组件和非受控组件

classReservationextendsReact.Component{constructor(props){super(props);this.state={isGoing:true,number
米诺zuo·2024-02-03 18:53

echarts step line

https://ppchart.com/#/import*as$echartsfrom'echarts'//事件处理函数exportdefault{props:{//需要传递的数据data:{type:
bidepanm·2024-02-03 14:48

谈谈vue中的reader函数

有的时候模板中根据不同情况渲染不同模板时，使用template就显得代码冗长繁琐而且有大量重复，如：这里通过传入level值来显示不同的dom,可以实现只是代码太长了通过reader函数渲染如下：reader函数通过props
平步青云xi·2024-02-03 14:34

vue 使用svg图标

1、创建svg-icon组件exportdefault{name:'SvgIcon',props:{iconClass:{type:String,required:true},className:{type
Amy_yqh·2024-02-03 13:01

前端常见面试题②

props和state都是React组件中使用的普通JavaScript对象。props从父组件传递到子组件，用于组件内不会更改的数据。另一方面，状态
前端你鹏哥·2024-02-03 12:42

vue基础四（路由）

路由起步使用路由动态路由匹配(传参)使用props接收路由参数路径参数与查询参数this.
今天晚上一定要早睡·2024-02-03 12:54

redux 实现原理

父组件向子组件传递数据可以通过props，但是兄弟组件之间传递数据就比较麻烦。redux就可以解决这一问题。
洋仔_018b·2024-02-03 12:33

【React-Native】自定义Drawer(抽屉)动画组件

但是使用后却发现并没有理想中的动画效果，便打开组件代码看了一眼，发现之前的作者是直接用Modal写的，然后在modal里写了一个蒙层和一个View容器:大概布局为：{此处作为蒙层，点击关闭抽屉用}{this.props.children
small_Axe·2024-02-03 10:31

react-navigation 侧滑DrawerNavigation 无法正常打开

navigation.navigate(‘DrawerOpen’);无法正常打开侧滑原因：官网已修改原文档可通过以下方法打开this.props.navigation.openDrawer();this.props.navigation.closeDrawer
a136447572·2024-02-03 10:01

react 之 useInperativeHandle

.场景说明-直接调用子组件内部的方法import{forwardRef,useImperativeHandle,useRef}from"react"//子组件constSon=forwardRef((props
jiojio在学习勒·2024-02-03 10:28

【Vue3】组件props的使用

简言Props是一种特别的attributes，你需要在组件上声明注册，然后才能识别成props,而不是普通的attributes。
ZSK6·2024-02-03 09:03

uniapp中封装一个svg转base64的组件

base64，同时支持自定义参数，比如宽度，高度,等1安装npminstall--savejs-base642组件-->import{Base64}from'js-base64';exportdefault{props
sleeppingfrog·2024-02-03 08:45

react利用react-activation实现子路由缓存

/layout.less'import{IRouteComponentProps}from'umi'import{Switch,Route}from'react-router';
QingHan_wow·2024-02-03 08:10

react 之 react.forwardRef

节点给父组件1.使用场景import{forwardRef,useRef}from"react"//子组件//functionSon(){//return//}constSon=forwardRef((props
jiojio在学习勒·2024-02-03 08:38
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他