Props

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

Vue使用 dhtmlx-gantt 甘特图

引入组件库import'dhtmlx-gantt'import{gantt}from'dhtmlx-gantt'exportdefault{name:'gantt',//接受父级组件传递的数据并规范类型props
梦想成为大佬·2024-02-01 03:29

uniapp实现悬浮球组件

1.封装组件exportdefault{props:{iconUrl:{type:String,default:''},onClickHover:{type:Function,require:true,
qq_48378883·2024-02-01 01:52

uniapp实现悬浮球组件二

1.封装组件exportdefault{name:'drag-button',props:{isDock:{type:Boolean,default:false},existTabBar:{type:Boolean
qq_48378883·2024-02-01 01:52

vue父子组件之间传值的方法

vue父子组件之间传值的方法一、基本父子传值父传子方式：props效果：把父组件的fatherName属性传入子组件，在子组件中使用父组件代码：父组件：{{fatherName}}子组件代码：子组件：{
骑牛找狗·2024-01-31 23:27

vue实现图片预览放大缩小功能

ImgShow.vue代码如下：exportdefault{name:'ImgShow',props:{file:{type:String,default:''}},data(){return{test
西蜀漫山桃花·2024-01-31 23:25

Vue3 父子传参 简单易懂

目录父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名="需要传递的数据"2、子组件依旧通过props来接收并且在模版中使用子传父：最后总结一下：父传子：1、在父组件的子组件标签上通过:传递到子组件的数据名
未飞·2024-01-31 23:25

vue 组件之间相互传值的6种方法

Vue.js中组件间通信的方法有很多种，以下是6种常见的直接或间接的组件传值方式：1.Props（父向子）优点：易于理解，符合单向数据流的原则，有利于代码维护。
一花一world·2024-01-31 23:53

H5 嵌套iframe并设置全屏

H5嵌套iframe并设置全屏上图上代码exportdefault{data(){return{dataInfos:{},//获取设备信息}},props:{showPtz:{type:String,default
你的眼睛會笑·2024-01-31 19:20

Spring Boot系列 – 4. 读取配置文件（application.yml）中的属性值

引入依赖：org.springframework.bootspring-boot-configuration-processortrue2、配置文件（application.yml）中配置各个属性的值：myProps
Java架构师必看·2024-01-31 19:47

vue中使用富文本编辑器ckeditor

exportdefault{name:"ckeditor",props:["content"],//从父组件转递的内容mounted:f
是茜茜啊啊·2024-01-31 17:47

模仿奈雪Banner组件

componentsexportdefault{name:'jerry-banner',props:{//是否显示面板指示点indicatorDots:{type:Boolean,default:false
yueF_L·2024-01-31 17:19

React、React Router、JSX 简单入门快速上手

表达式渲染列表样式控制注意事项入门脚手架创建react项目安装目录介绍入口文件解析组件解析介绍函数式组件类组件事件绑定注意点定义使用事件对象事件处理函数接收额外参数组件状态状态的定义使用组件通信父传子子传父兄弟传值深度组件传值（爷孙）props
Thetimezipsby·2024-01-31 17:37

Spring Boot系列 – 4. 读取配置文件（application.yml）中的属性值

引入依赖：org.springframework.bootspring-boot-configuration-processortrue2、配置文件（application.yml）中配置各个属性的值：myProps
Java架构师必看·2024-01-31 15:02

Vue组件化-组件间通信-props-emit

一、Vue组件的嵌套关系1.认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue中：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护；所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件；再将这些组件组合嵌套在一起，最终形成我们的应用程序；我们来分析一下下面代码的嵌套逻辑，假如我们将所有的代码逻
DustinWangq·2024-01-31 15:42

react通信方式之---发布订阅

在vue中组件通信可以通过自定义属性、发布订阅事件，而在react中都是用props来进行通信，但是这一通信局限于父子组件之间，如果是相邻兄弟或者爷孙这种组件通信呢？
颜色不一样的烟火_ac0f·2024-01-31 15:25

Vue组件化-插槽Slot和非父子通信

一、认识插槽Slot作用1.认识插槽Slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的
DustinWangq·2024-01-31 15:42

Vue父子组件之间互相传值

components/children"exportdefault{data(){return{parentVal:'我是父组件的值'}},components:{children}}子组件exportdefault{props
FD__f392·2024-01-31 15:01

React hooks子组件暴露方法示例

说明通常情况下，React子组件使用父组件的方法或值通过props传递，反过来，父组件如果需要子组件的方法就需要子组件将自己的方法暴露出去。
likepoems·2024-01-31 13:58

React16源码: React中NewContext的源码实现

NewContext1）概述新的contextAPI是一个组件化的使用方式它就跟写其他的组件一样，像写jsx，通过标签的这种方式来赋值一些props还有去给子节点去拿到这个conntext的属性context
Wang's Blog·2024-01-31 12:43

React 面试题

1、组件通信的方式父组件传子组件：通过props的方式子组件传父组件：父组件将自身函数传入，子组件调用该函数，父组件在函数中拿到子组件传递的数据兄弟组件通信：找到共同的父节点，用父节点转发进行通信跨层级通信
MissXu666·2024-01-31 12:11

【vue3+ts】组件定义props并设置初始值

interfaceProps{filterPopVisible:boolean;reqType:string;max:string;error:boolean;isMultiple?
String佳佳·2024-01-31 12:40

Vue中keep-alive缓存的详解（深度理解）

keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOMkeep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们keep-alive可以设置以下props
章IT·2024-01-31 12:31

Vue3组件通信 详解(上)

常见搭配形式props概述：props是使用频率最高的一种通信方式，常用与：父↔子。若父传子：属性值是非函数。若子传父：属性值是函数。父组件：父组件，我的车：{{car}}儿子给的玩
还能救一下嘻嘻·2024-01-31 11:17

Vue题目

exportdefault{name:"contact-list",props:['basicInfo'],}.contact
头大如牛·2024-01-31 10:35

vue3-深入组件-透传属性

传递给一个组件，却没有被该组件声明为props或emits的attribute或者是事件监听器，例如classstyleid等。属性继承当一个组件以单个元素作渲染时，透传的属性会自动被添加到根元素上。
王大可996·2024-01-31 10:34

【bug】在子组件中watch监听父组件传过来的值，监听不到，已解决

autoinputFs，autoinputFs为true的时候，子组件中的输入框（只有一个）自动聚焦，很多组件复用mp3Search，有些页面不需要，所以定义了autoinputFs控制输入框是否自动聚焦子组件接受并监听props
春晓_春眠花落·2024-01-31 03:17

vue3的父传子与子传父

父传子：父亲-在子组件标签上通过自定义属性传递数据儿子-通过constprops=defineProps({...})接受子传父：父亲：在子组件标签上绑定自定义事件儿子：通过constemit=defineEmits
香香爱编程·2024-01-31 02:44

ant desgin table 合并表格 实现表格一行对多行的效果

constcolumns=[{title:'Homephone',colSpan:2,dataIndex:'tel',render:(value,row,index)=>{constobj={children:value,props
_一九九一_·2024-01-31 02:30

vue组件通信方式 provide-inject

Vue提供了一种无需父组件显式传递props就能子组件之间共享数据的机制，即provide和inject选项。祖先组件通过provide选项来提供变量，而后代组件则通过inject选项来接收这些变量。
<有心人>·2024-01-31 01:30

vue 和 react技术选型

相同点：数据驱动页面，提供响应式的试图组件都有virtualDOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范数据流动单向，都支持服务器的渲染SSR
亮学长·2024-01-31 00:37

从原理到实战：vue中的provide/inject让你的代码更优美

vue的通信方式在vue中组件之间交互通信有很多种方式，props传值、emit传值、bus传
水星记_·2024-01-30 23:07

第八章（应用场景篇） 中大型项目的解构：从单体应用到微前端

、从单体应用到微前端1.1单体应用的困境1.2微前端的优势1.3解构过程二、案例分析3.1项目背景3.2解构过程1.项目分析2.架构设计3.技术选型1.主应用配置2.子应用开发3.子应用间通信a.使用props
球球不吃虾·2024-01-30 22:58

vue_slot_作用域插槽

:(1).我们可以在标签元素上使用v-bind指令绑定一个特性(属性)如：v-bind:my_prop，也被称为插槽prop(2).在父组件上访问绑定到slot插槽上的prop对象:语法格式:slotProps.my_p
大风过岗·2024-01-30 22:20

vue3 + ts vue_3.4 setup单文件组件中的属性

props各种类型import{ref,PropType}from'vue';interfacelistType{addres:string;code:number;}interfaceftObj{obj1
汝&戏·2024-01-30 19:02

uniapp报错[Vue warn]: Invalid default value for prop “list“: Props with type Object/Array must use

解决方案一：在你的组件中定义一个名为props的对象，并为list属性设置一个工厂函数来返
爱敲代码的婷婷婷.·2024-01-30 18:38

初识Vue 3.0 —— component：组件创建

6.组件创建注意：1.组件的创建方式；2.props:['todo'],设置参数注意格式；3.v-bind:todo="item"，数据传递至组件参数内//创建组件constcpt={data(){return
兔子敲代码·2024-01-30 17:52

带parentId的el-tree如何保存树结构的数据

1、保存选中节点的数据首先介绍一下el-tree:props里面存数据的对应结构functiongetSelectedNodes(){data.selectedNodes=data.tree.getCheckedNodes
Queen_sy·2024-01-30 14:00

Vue-40、Vue中TodoList案例

1、MyHeader.vueimport{nanoid}from'nanoid'exportdefault{name:"MyHeader",props:['addTodo'],data(){return
一叶飘零晋·2024-01-30 13:10

ElmentUI禁止点击遮罩层关闭el-dialog弹窗、对话框滑动不消失功能

全局//引入elementUIimportELEMENTfrom'element-ui'//修改el-dialog默认点击遮照为不关闭\全局设置点击遮罩层不关闭DialogELEMENT.Dialog.props.closeOnClickModal.default
梓涵999·2024-01-30 12:42

react中使用antd的表单重置数据

string[]])注：initialValue有值时会重置为initialValue使用：//这个事件，可以是click可以是生命周期函数，具体看需求componentWillUnmount(){this.props.form.resetFields
zoepriselife316·2024-01-30 10:04
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他