E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
$props
uniapp父子组件通信
在Uni-app中,可以使用
props
和$emit方法实现父子组件之间的通信。
前端fighter
·
2024-02-03 07:17
uni-app
前端
javascript
React 生命周期
1初始化阶段componentWillMount:render之前最后一次修改状态的机会render:只能访问this.
props
,this.state不允许修改状态和DOM输出componentDidMount
老胡说前端
·
2024-02-03 03:32
react.js
前端
javascript
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
React
react.js
javascript
前端
基于element-ui el-dialog组件封装,可缩放+可移动的弹窗组件
废话不多说,直接上代码:vue代码:搞成组件,路径随意,推荐统一放在组件目录下{{title}}exportdefault{name:'SkDialog',
props
:{visible:{type:Boolean
静梵
·
2024-02-03 00:48
element
ui
vue.js
前端
【React】react组件传参
【React】react组件传参一、
props
:父组件向子组件传参1、将普通的参数作为
props
传递2、将jsx作为
props
传递(组件插槽)二、自定义事件:子父组件向父组件传参三、context进行多级组件传参四
香菜啵子欸
·
2024-02-02 23:45
React
笔记
react.js
javascript
前端
从源码全面剖析 React 组件更新机制
React把组件看作状态机(有限状态机),使用state来控制本地状态,使用
props
来传递状态.前面我们探讨了React如何映射状态到UI上(初始渲染),那么接下来我们谈谈React时如何同步状态到UI
短暂又灿烂的
·
2024-02-02 23:43
前端
React
React中组件的
props
属性传递机制
当有多个组件嵌套时,从最外层的祖先组件的
props
开始,依次向其后代组件传递
props
。
清颖~
·
2024-02-02 23:10
前端
React
React
props
属性传递机制
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
前端
javascript
vue.js
css
elementui
el-tree单独设置父节点icon,清除el-tree的节点选中背景色
watch监听:对数据进行监听,使数据状态可更新methods方法定义,这里只做了样式处理:css代码:完整代码:{{treeTitle}}城发集团{{node.label}}exportdefault{
props
小青龙Zack.ming
·
2024-02-02 22:40
vue.js
elementui
前端
css3
200316&菜鸡前端工作卡壳梳理汇总
this.state.setState({});//错误写法this.setState({});//正确写法如何获取antd的form组件的formItem的被getFieldDecorator包括的值this.
props
.form.getFieldValue
向阳敲代码
·
2024-02-02 21:32
javascript
前端
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
javascript
前端
element-ui button 仿写 demo
基于上篇button源码分享写了一个简单demo,在写demo的过程中,又发现了一个小细节,分享一下:1、组件部分:exportdefault{name:'YssButton',
props
:{type:
jqh_0484
·
2024-02-02 16:15
ui
javascript
前端
elementUI中el-radio-group的使用
主题一主题二exportdefault{name:"ReportContent",
props
:{},data(){return{//主题切换radio:1,};},computed:{},created
有蝉
·
2024-02-02 15:02
vue+element-ui
el-radio-group
vue3 源码解析(6)— lifecycle 生命周期的实现
compositionapioptionsapi执行时机—beforeCreate初始化组件内的属性(如:data,
props
,watch,computed等)之前—c
Avicli
·
2024-02-02 15:46
Vue
源码解析
javascript
前端
vue.js
源码解析
vue3
vue3
props
声明默认值
interfaceObjType{size:number,limit:number,auto:boolean}interface
Props
{msg?:stringlabels?
寂寞沙洲冷1号选手
·
2024-02-02 15:40
前端
javascript
开发语言
Vue3的
Props
Vue3中的
props
是用于接收父组件传递的数据的属性。在Vue3中,
props
的声明发生了一些改变:使用
props
选项来声明
props
。
跟Bug双向奔赴
·
2024-02-02 15:38
vue
vue.js
javascript
前端
uni-app移动端图片预览组件 movable-area 、movable-view (支持缩放,拖动效果、替换部分代码图片可直接使用)
效果图:组件代码://图片预览组件代码//预览组件关闭隐藏按钮//需要展示的图片exportdefault{name:"photo-preview",
props
:{//父组件控制显示showPicPreview
前端白袍
·
2024-02-02 14:31
uni-app
javascript
前端
2019-07-12 React(高阶组件HOC、context、Redux)
高阶组件内部的包装组件和被包装组件之间通过
props
传递数据。它其实就是设计模式里面的装饰者模式。它通过组合的方式达到很高的灵活程度。
柳叁叁
·
2024-02-02 13:41
HarmonyOS JS UI 自定义组件详细解读
HarmonyOSJSUI自定义组件详细解读创建并调用自定义组件创建组件文件夹编辑自定义组件父页面调用自定义组件引入组件调用组件具体例子页面与自定义组件之间传参
Props
:页面向自定义组件传参(单向)前提补充
做完就睡觉
·
2024-02-02 12:25
鸿蒙北向
javascript
harmonyos
vue3+element-plus动态路由菜单
":index="item.path">{{item.mate.title}}import{ref}from'vue';import{useRouter}from'vue-router';define
Props
qq_39196447
·
2024-02-02 11:56
vue.js
javascript
ecmascript
vue3-深入组件-依赖注入
Prop逐级透传问题通常情况下,当我们需要从父组件向子组件传递数据时,会使用
props
。如果是多层级嵌套的组件,如何从一级传递到3级甚至更远呢。
王大可996
·
2024-02-02 09:36
vue3
vue.js
前端
javascript
vue
vue3 json代码及字符串 v-code-diff对比插件
v-code-diff对比插件安装pnpminstall--savev-code-diff在main.ts中引入importCodeDifffrom"v-code-diff"app.use(CodeDiff)let
props
Shero.李建业
·
2024-02-02 09:03
json
前端
javascript
uniapp中组件库Mask 遮罩层 的使用方法
目录#平台差异说明#基本使用#嵌入内容#遮罩样式#API#
Props
#Events#Slot创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景#平台差异说明AppH5
TechWhiz-晓同
·
2024-02-02 08:52
uniapp
uni-app
uniapp【组件封装】时间戳格式化为星期
组件components/dos-week.vue{{week}}exportdefault{
props
:{'time':String},mounted(e){this.week=this.getWeek
朝阳39
·
2024-02-02 08:20
#
uni-app
uni-app
h5页面内嵌到app,解决ios无法使用左右侧滑返回上一页
解决办法:判断机型,处理ios端监听左右滑动事件,结合transition实现滑动返回代码://app.vue文件中exportdefault{name:'App',components:{},
props
只差亿点点
·
2024-02-02 07:36
ios
【无标题】
关于vueechart3D饼图开发exportdefault{name:'rightCenter',
props
:{msg:String},data(){return{optionData:[{name:
NewChapter °
·
2024-02-02 07:09
前端
javascript
开发语言
【前端-VUE+TS】Vue3组件化-下(五)
一.插槽的使用1.1.认识插槽slot在开发中,我们会经常封装一个个可复用的组件:前面我们会通过
props
传递给组件一些数据,让组件来进行展示;但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的
我自闭了?
·
2024-02-02 05:54
前端学习日记
VUE3
JavaScript
前端
javascript
vue.js
【前端-VUE】Vue3组件组成部分及组件通信(详解)
一、父子间通信1.父传子:2.子传父:3.什么是propProp定义:组件上注册的一些自定义属性Prop作用:向子组件传递数据特点:可以传递任意数量的prop可以传递任意类型的prop3.1
props
校验思考
我自闭了?
·
2024-02-02 05:23
前端学习日记
VUE3
JavaScript
前端
vue.js
javascript
Vue3基本概念
script部分exportdefault对象的属性:name:组件的名称components:存储中用到的所有组件
props
:存储父组件传递给子组件的数据watch():当某个数据发生变化时触发computed
林林亓
·
2024-02-02 03:31
SpringBoot
vue
ele-h5项目使用vue3+vite开发:第二节、search 搜索框组件开发
contentleft-iconbodyinput-controlright-iconaction功能使用defineEmits定义组件的事件在组件的scriptsetup里如何定义事件使用defineEmits()定义先声明事件接口interfaceI
Props
_沐晨
·
2024-02-02 02:16
项目开发
vue3
前端
javascript
开发语言
在vue3中,组件的script setup 里如何理解 v-model 参数
在Vue3中,可以使用`defineEmits`和`define
Props
`函数来定义组件的`v-model`。
_沐晨
·
2024-02-02 02:16
vue3
vue.js
javascript
前端
重新封装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
elementui
vue.js
前端
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
vue.js
Vue2 通过.sync修饰符实现数据双向绑定
确认取消exportdefault{
props
:{vis
知远同学
·
2024-02-01 21:39
Vue
css
css3
前端
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
vue.js
前端
javascript
vue-antd form组件封装
exportdefault{
props
:['value'],template:`预计到达
Demo研习社
·
2024-02-01 18:57
前端
vue-antd
vue
前端
uni-date-picker DataPicke 属性名介绍
DataPicker
Props
属性名类型可选值默认值说明v-modelString/Number--绑定数据spaceInfoObject--服务空间配置,详情(opensnewwindow)localdataArray
叽叽_歪歪
·
2024-02-01 17:53
Vue3项目封装一个Element-plus Pagination分页
所有项目按到这个结构来做.实例:第一步:在项目components组件新建一个分页组件,用来进行封装组件.第二步:根据官方的进行定义,官方提供的这些,需要我们封装成动态模式第三步:代码改造import{ref,define
Props
前端进阶中
·
2024-02-01 17:59
Vue3
vue.js
前端
javascript
VUE PC端可拖动悬浮按钮
一、实现效果:二、FloatButton.vue{{name}}exportdefault{name:"suspensionBall",
props
:{name:{type:String,default:
Best_Liu~
·
2024-02-01 16:43
vue.js
javascript
前端
Vue3组件传值
文章目录Vue3组件传值一、父传子二、子传父三、兄弟传值(Bus)1.引入第三方库mitt2.在哥哥组件中导入2.在弟弟组件中导入补充子组件修改父组件传的值Vue3组件传值提示:先了解define
Props
lucky_full
·
2024-02-01 14:45
Vue3
javascript
前端
vue.js
vue2组件传值
一、父组件向子组件传值父组件中的数据在子组件中不能直接使用,要想在子组件中使用,步骤:1、在子组件配置
props
属性,属性中协商自定义属性名。
前端小白的成长日记
·
2024-02-01 14:44
vue2学习笔记
vue
vue2组件传值大全
1.
props
/$emit①父组件向子组件传值下
前端你鹏哥
·
2024-02-01 14:43
前端
javascript
vue.js
vue---子组件修改父组件的值
//子组件{{value}}exportdefault{
props
:['value'],data(){return{newValue:''}}}//父组件importChildComponentfrom
想你的风吹到了瑞士
·
2024-02-01 14:07
vue.js
javascript
前端
Vue2 悬浮球
FloatBall.vue"exportdefault{name:"HomeView",components:{FloatBall},data(){return{};},mounted(){}};{{text}}exportdefault{
props
钓了猫的鱼儿
·
2024-02-01 06:54
Vue
前端
javascript
html
悬浮球
vue基于el-table自定义table组件
scope.column.label}}{{scope.row[item.prop]}}{{scope.column.label}}{{scope.column.label}}exportdefault{
props
周虽旧邦其命维新
·
2024-02-01 05:52
工作工具
spring
java
vue
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他