Props

uniapp父子组件通信

在Uni-app中，可以使用props和$emit方法实现父子组件之间的通信。
前端fighter·2024-02-03 07:17

React 生命周期

1初始化阶段componentWillMount:render之前最后一次修改状态的机会render:只能访问this.props，this.state不允许修改状态和DOM输出componentDidMount
老胡说前端·2024-02-03 03:32

vue 组件传值的三种方式

vue的组件传值分为三种方式：父传子、子传父、非父子组件传值1、父传子父传子的实现方式就是通过props属性，子组件通过props属性接收从父组件传过来的值，而父组件传值的时候使用v-bind将子组件中预留的变量名绑定为
一只章鱼哥·2024-02-03 01:10

react 之 react.memo

React.memo作用：允许组件在props没有改变的情况下跳过重新渲染组件默认的渲染机制默认机制：顶层组件发生重新渲染，这个组件树的子级组件都会被重新渲染//memo//作用：允许组件在props没有改变的情况下跳过重新渲染
jiojio在学习勒·2024-02-03 00:24

基于element-ui el-dialog组件封装，可缩放+可移动的弹窗组件

废话不多说，直接上代码：vue代码：搞成组件，路径随意，推荐统一放在组件目录下{{title}}exportdefault{name:'SkDialog',props:{visible:{type:Boolean
静梵·2024-02-03 00:48

【React】react组件传参

【React】react组件传参一、props：父组件向子组件传参1、将普通的参数作为props传递2、将jsx作为props传递（组件插槽）二、自定义事件：子父组件向父组件传参三、context进行多级组件传参四
香菜啵子欸·2024-02-02 23:45

从源码全面剖析 React 组件更新机制

React把组件看作状态机(有限状态机),使用state来控制本地状态,使用props来传递状态.前面我们探讨了React如何映射状态到UI上(初始渲染),那么接下来我们谈谈React时如何同步状态到UI
短暂又灿烂的·2024-02-02 23:43

React中组件的props属性传递机制

当有多个组件嵌套时，从最外层的祖先组件的props开始，依次向其后代组件传递props。
清颖~·2024-02-02 23:10

vue+elment el-tree懒加载自定义叶子节点，三角样式最后一层不显示css

{{node.label}}data(){return{props:{label:"name",isLeaf:(data,node)=>{if(node.level===2){returntrue}}}
菡萏琅梓·2024-02-02 22:41

el-tree单独设置父节点icon，清除el-tree的节点选中背景色

watch监听：对数据进行监听，使数据状态可更新methods方法定义，这里只做了样式处理：css代码：完整代码：{{treeTitle}}城发集团{{node.label}}exportdefault{props
小青龙Zack.ming·2024-02-02 22:40

200316&菜鸡前端工作卡壳梳理汇总

this.state.setState({});//错误写法this.setState({});//正确写法如何获取antd的form组件的formItem的被getFieldDecorator包括的值this.props.form.getFieldValue
向阳敲代码·2024-02-02 21:32

vuedose.tips（翻译系列二十四）

如您在“在Vue.js中使用作用域插槽”中所见，有了作用域插槽，您可以将逻辑封装在另一个组件中，并通过props将其传递给插槽。这样，您可以通过组合多个组件来组成新组件的UI和行为。
知识文青·2024-02-02 18:36

筛选条件，点击更多，显示全部

{{i.title}}：{{item.text}}更多收起{{i.text}}exportdefault{name:"",props:[""],data(){return{activeKey:"",newArr0
EstherNi·2024-02-02 17:07

element-ui button 仿写 demo

基于上篇button源码分享写了一个简单demo，在写demo的过程中，又发现了一个小细节，分享一下：1、组件部分：exportdefault{name:'YssButton',props:{type:
jqh_0484·2024-02-02 16:15

elementUI中el-radio-group的使用

主题一主题二exportdefault{name:"ReportContent",props:{},data(){return{//主题切换radio:1,};},computed:{},created
有蝉·2024-02-02 15:02

vue3 源码解析（6）— lifecycle 生命周期的实现

compositionapioptionsapi执行时机—beforeCreate初始化组件内的属性（如：data，props，watch，computed等）之前—c
Avicli·2024-02-02 15:46

vue3 props 声明默认值

interfaceObjType{size:number,limit:number,auto:boolean}interfaceProps{msg?:stringlabels?
寂寞沙洲冷1号选手·2024-02-02 15:40

Vue3的Props

Vue3中的props是用于接收父组件传递的数据的属性。在Vue3中，props的声明发生了一些改变：使用props选项来声明props。
跟Bug双向奔赴·2024-02-02 15:38

uni-app移动端图片预览组件 movable-area 、movable-view （支持缩放，拖动效果、替换部分代码图片可直接使用）

效果图：组件代码：//图片预览组件代码//预览组件关闭隐藏按钮//需要展示的图片exportdefault{name:"photo-preview",props:{//父组件控制显示showPicPreview
前端白袍·2024-02-02 14:31

2019-07-12 React（高阶组件HOC、context、Redux）

高阶组件内部的包装组件和被包装组件之间通过props传递数据。它其实就是设计模式里面的装饰者模式。它通过组合的方式达到很高的灵活程度。
柳叁叁·2024-02-02 13:41

HarmonyOS JS UI 自定义组件详细解读

HarmonyOSJSUI自定义组件详细解读创建并调用自定义组件创建组件文件夹编辑自定义组件父页面调用自定义组件引入组件调用组件具体例子页面与自定义组件之间传参Props：页面向自定义组件传参（单向）前提补充
做完就睡觉·2024-02-02 12:25

vue3+element-plus动态路由菜单

":index="item.path">{{item.mate.title}}import{ref}from'vue';import{useRouter}from'vue-router';defineProps
qq_39196447·2024-02-02 11:56

vue3-深入组件-依赖注入

Prop逐级透传问题通常情况下，当我们需要从父组件向子组件传递数据时，会使用props。如果是多层级嵌套的组件，如何从一级传递到3级甚至更远呢。
王大可996·2024-02-02 09:36

vue3 json代码及字符串 v-code-diff对比插件

v-code-diff对比插件安装pnpminstall--savev-code-diff在main.ts中引入importCodeDifffrom"v-code-diff"app.use(CodeDiff)letprops
Shero.李建业·2024-02-02 09:03

uniapp中组件库Mask 遮罩层 的使用方法

目录#平台差异说明#基本使用#嵌入内容#遮罩样式#API#Props#Events#Slot创建一个遮罩层，用于强调特定的页面元素，并阻止用户对遮罩下层的内容进行操作，一般用于弹窗场景#平台差异说明AppH5
TechWhiz-晓同·2024-02-02 08:52

uniapp【组件封装】时间戳格式化为星期

组件components/dos-week.vue{{week}}exportdefault{props:{'time':String},mounted(e){this.week=this.getWeek
朝阳39·2024-02-02 08:20

h5页面内嵌到app,解决ios无法使用左右侧滑返回上一页

解决办法：判断机型，处理ios端监听左右滑动事件，结合transition实现滑动返回代码：//app.vue文件中exportdefault{name:'App',components:{},props
只差亿点点·2024-02-02 07:36

【无标题】

关于vueechart3D饼图开发exportdefault{name:'rightCenter',props:{msg:String},data(){return{optionData:[{name:
NewChapter °·2024-02-02 07:09

【前端-VUE+TS】Vue3组件化-下（五）

一.插槽的使用1.1.认识插槽slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的
我自闭了？·2024-02-02 05:54

【前端-VUE】Vue3组件组成部分及组件通信（详解）

一、父子间通信1.父传子：2.子传父：3.什么是propProp定义：组件上注册的一些自定义属性Prop作用：向子组件传递数据特点：可以传递任意数量的prop可以传递任意类型的prop3.1props校验思考
我自闭了？·2024-02-02 05:23

Vue3基本概念

script部分exportdefault对象的属性：name：组件的名称components：存储中用到的所有组件props：存储父组件传递给子组件的数据watch()：当某个数据发生变化时触发computed
林林亓·2024-02-02 03:31

ele-h5项目使用vue3+vite开发：第二节、search 搜索框组件开发

contentleft-iconbodyinput-controlright-iconaction功能使用defineEmits定义组件的事件在组件的scriptsetup里如何定义事件使用defineEmits（）定义先声明事件接口interfaceIProps
_沐晨·2024-02-02 02:16

在vue3中，组件的script setup 里如何理解 v-model 参数

在Vue3中，可以使用`defineEmits`和`defineProps`函数来定义组件的`v-model`。
_沐晨·2024-02-02 02:16

重新封装Antd Input 组件，解决中文输入问题

importReact,{useState,useEffect}from'react'import{Input}from'antd'functionBaseHOC(key){returnfunction(props
Yong_bcf4·2024-02-01 23:03

elementUI实现selecttree自定义下拉框树形组件支持多选和搜索

{{node.label}}exportdefault{name:'selectTree',props:{dataArray:Array},data(){return{transitValue:[],selectOption
.伊泽瑞尔·2024-02-01 22:02

vue高德地图多点标记，点击出现弹窗

占坑预警先展示效果：image.pngimage.png代码：importAMapfrom"AMap";exportdefault{props:["allCopmpony"],data(){return
顺小星·2024-02-01 22:51

Vue——.sync修饰符

根据官方文档理解.sync:`是用来对父组件监听子组件对于props数据的修改而产生的事件的一种缩写``vue官网：`2.3.0+新增-在有些情况下，我们可能需要对一个prop进行“双向绑定”。
还需studystudy·2024-02-01 21:40

Vue2 通过.sync修饰符实现数据双向绑定

确认取消exportdefault{props:{vis
知远同学·2024-02-01 21:39

Vue的diff算法核心原理

虚拟DOM是一个用来表示真实DOM的对象，以下是真实DOM：哈哈呵呵嘿嘿对应的虚拟DOM为：letoldVDOM={tagName:'ul',//标签名props:{//标签属性id:'list'},children
没名字的某某人·2024-02-01 18:15

Vue2（七）：脚手架、ref属性、props配置项、mixin混入、插件、scoped样式

文章目录一、配置脚手架二、分析脚手架结构三、[render函数](https://so.csdn.net/so/search?q=render函数&spm=1001.2101.3001.7020)1.来看下main.js文件1.vue.js与vue.runtime.xxx.js的区别2.render函数是干啥的？3.为什么要引入残缺的vue呢？四、脚手架的默认配置五、ref属性，顺便看看main.
Kiwi23333·2024-02-01 18:59

vue-antd form组件封装

exportdefault{props:['value'],template:`预计到达
Demo研习社·2024-02-01 18:57

uni-date-picker DataPicke 属性名介绍

DataPickerProps属性名类型可选值默认值说明v-modelString/Number--绑定数据spaceInfoObject--服务空间配置，详情(opensnewwindow)localdataArray
叽叽_歪歪·2024-02-01 17:53

Vue3项目封装一个Element-plus Pagination分页

所有项目按到这个结构来做.实例:第一步:在项目components组件新建一个分页组件,用来进行封装组件.第二步:根据官方的进行定义,官方提供的这些,需要我们封装成动态模式第三步:代码改造import{ref,defineProps
前端进阶中·2024-02-01 17:59

VUE PC端可拖动悬浮按钮

一、实现效果：二、FloatButton.vue{{name}}exportdefault{name:"suspensionBall",props:{name:{type:String,default:
Best_Liu~·2024-02-01 16:43

Vue3组件传值

文章目录Vue3组件传值一、父传子二、子传父三、兄弟传值（Bus）1.引入第三方库mitt2.在哥哥组件中导入2.在弟弟组件中导入补充子组件修改父组件传的值Vue3组件传值提示：先了解defineProps
lucky_full·2024-02-01 14:45

vue2组件传值

一、父组件向子组件传值父组件中的数据在子组件中不能直接使用，要想在子组件中使用，步骤：1、在子组件配置props属性，属性中协商自定义属性名。
前端小白的成长日记·2024-02-01 14:44

vue2组件传值大全

1.props/$emit①父组件向子组件传值下
前端你鹏哥·2024-02-01 14:43

vue---子组件修改父组件的值

//子组件{{value}}exportdefault{props:['value'],data(){return{newValue:''}}}//父组件importChildComponentfrom
想你的风吹到了瑞士·2024-02-01 14:07

Vue2 悬浮球

FloatBall.vue"exportdefault{name:"HomeView",components:{FloatBall},data(){return{};},mounted(){}};{{text}}exportdefault{props
钓了猫的鱼儿·2024-02-01 06:54

vue基于el-table自定义table组件

scope.column.label}}{{scope.row[item.prop]}}{{scope.column.label}}{{scope.column.label}}exportdefault{props
周虽旧邦其命维新·2024-02-01 05:52
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他