props

vue 实现一个持续时间定时器组件

vue实现一个定时器组件效果图子组件父组件效果图子组件新建一个timer.vue文件=600}">{{string|formatDurationS}}exportdefault{name:'timer',props
.伊泽瑞尔·2024-02-08 14:04

Vue3+elementplus实现弹窗功能

prizeDialogVisible.value=true;};constgetPrizeMsessage=(params)=>{console.log('333',params);};子组件：取消保存props
与月儿漫邀·2024-02-08 13:54

【React工作记录七十八】React+hook+ts+ant design封装一个table的组件

叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析在前端项目中最常见的就是封装一个table的一个功能功能思维初始化版本（基础样式和分页）{...resetProps
前端大歌谣·2024-02-08 12:28

React简介、虚拟DOM、Diff算法、创建React项目、JSX语法、组件、组件声明方式、组件传值props和state、组件的生命周期

React简介：前面只是简单介绍移动APP开发，后面还会继续深入介绍移动app开发；其中想要用ReactNative开发出更出色的应用，那么就得学好React，下面将介绍React：React是一个由Facebook开发用于构建用户界面的渐进式JavaScript库，其特点：声明式设计、高效、灵活、JSX、组件化、单向数据流。React也是组件化的，与vue不同的是：React直接使用JS代码编写
苦海123·2024-02-08 08:35

2022-03-16 React基础

importReactfrom'react'//引入react对dom操作的核心，相对于react-native而言的importReactDOMfrom'react-dom'//定义一个函数式组件constapp=(props
null_7d53·2024-02-08 07:24

如果把vue组件动态添加到body上？

tools.js:importVuefrom'vue'/***@paramComponent组件实例的选项对象*@paramprops组件实例中的prop*/exportfunctioncreate(Component
徐同保·2024-02-08 06:40

组件通信（非父子组件）

在一些深度嵌套的场景中，子组件要想获取父组件里面的部分数据，可以使用props逐级传递的方法，但这样会显得非常麻烦。
一条爱吃屎的狗·2024-02-08 05:19

uniapp开发App踩坑

事情是这样的：我有一个对象detial初始值：detail:{}这个对象detail是我后台请求得到的数据我要把这个对象下的子对象的某个属性渲染到页面上我通过h5调试是正常的，我真机调试就失败了上面的自定义组件props
某公司摸鱼前端·2024-02-08 05:15

一个css等待动画

相关代码：{{biddersLoadingText}}exportdefault{name:'BidLoading',props:{biddersLoadingText:{type:String,default
明长歌·2024-02-08 04:15

父组件（ class）调用 子组件（hooks）的方法

父组件interfaceinitProps={}classListPageextendsComponent{child:any={}//主要加这个handlePage=(num:number):void
hegege·2024-02-08 03:45

vue3：24—组件通信方式

目录1、props2、自定义事件（emit）3、mitt（任意组件的通讯）4、v-model【封装ui组件库用的多，平时用的少。
有蝉·2024-02-08 01:23

react面试题

它们是可重用且自包含的代码块，可以接收输入（称为props）并返回一个用于描述界面展示的React元素。3.什么是JSX？JSX是一种JavaScript的语法扩展，允许我们在J
编代码的小王·2024-02-07 22:56

Antd的Select使用tagRender时，手动点选删除一个tag，界面展示上会同时消失两个的解决方法

解决方法:给Tag添加keyconsttagRender=(props,form_index)=>{const{label,value,closable,onClose}=props;constonPreventMouseDown
一朵小浪花儿·2024-02-07 21:14

React Context使用

说明：Context提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递props。何时使用：共享那些对于一个组件树而言是“全局”的数据，例如当前认证的用户、主题或首选语言。
九月萩·2024-02-07 20:36

img图片鉴权附加token

import{getToken}from"@/utils/auth";exportdefault{name:'AuthImg',props:{imgSrc:String,//图片类型，可选为'view'
令狐少侠2011·2024-02-07 18:39

vue3-内置组件-TransitionGroup

与的区别支持和基本相同的props、CSS过渡class和JavaScript钩子监听器，但有以下几点区别：默认情况下，它不会渲染一个容器元素。
王大可996·2024-02-07 17:59

vue3父子组件传值defineProps，子组件回调方法defineEmits

父组件父子组件传值defineProps，子组件回调方法defineEmits父组件修改值子组件跟着变化，无论数组换是对象这是子组件给父组件传值：{{childToFatherData}}1ref和组件名称不要相同
前端小云儿·2024-02-07 16:00

vue3父组件调用子组件方法，属性

子组件子组件：父组件调用子组件方法，属性import{ref,reactive,defineExpose}from"vue";letdefineProps=defineProps(["id"]);letinfo
前端小云儿·2024-02-07 16:00

uniapp canvas绘制文字头像

效果如下图：子组件代码：exportdefault{name:"canvas-avatar",props:{styleProp:{type:String,default:''},text:{type:String
唐小亭·2024-02-07 16:16

uniapp 使用renderjs引入echarts

效果图：1.1renderjs引入echarts组件zmui-echarts.vue：exportdefault{name:'zmuiEcharts',props:{option:{type:Object
流氓也是种气质 _Cookie·2024-02-07 09:28

Vue3.3新特新和Vue3-Pinia

Pinia的基本语法6.action的异步实现7.Vue3-Pinia-storeToRefs方法8.Pinia持久化插件安装用法1.Vue3.3新特性-defineOptions背景说明有之前,如果要定义props
W`hite·2024-02-07 06:25

Vue3组件间通信知识整理——子组件向父组件传参

子组件props原则上只读，最好就是通过向父组件传值，调用触发父组件方法达到修改值通信的目的。
阿Der·2024-02-07 05:50

VUE3父组件向子组件传参，参数随子组件值修改

";import{useRouter}from"vue-router";importinfoCardfrom"@/views/infoCard";exportdefault{name:"index",props
Amiel_Tian·2024-02-07 05:49

a-table自定义展开图标

原文来自：vue修改ant中table表格的展开图标树形表格expandIcon自定义图标0">{props.onExpand(props.record,e);}">{props.onExpand
浅影歌年·2024-02-07 03:37

withRouter的作用场景

作用：把不是通过路由切换过来的组件中，将react-router的history、location、match三个对象传入props对象上，例如reactapp.js这个组件一般是首页，不是通过路由跳转过来的
风起时_bb2c·2024-02-07 02:56

vue+Element实现tree树形数据展示

/api/api';exportdefault{data(){return{setTree:[],defaultProps:{children:'children',label:'name'},}},methods
森森deHOME·2024-02-06 23:49

vue父子组件传值

1）父组件向子组件传值父组件向子组件传值通过props，那么什么是props？
超级小可可可·2024-02-06 23:11

vue 基础组件

通过prop组件传值父传子Vue.component('blog-post',{props:['title'],template:'{{title}}'})在富组件中通过自定一的一个属性然后
尼莫nemo·2024-02-06 22:53

vue 组件封装 -- 添加【呼吸】动画效果（两种： 淡入＞＞淡入，淡入＞＞淡出＞＞淡入）

呼吸动画一淡入>>淡入>>淡入>>淡入>>淡入>>淡入常用于展示某异步操作持续执行中封装组件breathing.vueexportdefault{props:{interval:{type:Number
朝阳39·2024-02-06 21:53

22

然后还是抽空继续完善我的react棋盘，对于历史记录保存，和回顾，有了新改进，对于state和props有了更好的应用，不过还有点bug，有思路了，明天抽空解决一下。
whIteKi·2024-02-06 20:41

Vue中父子组件的六种通信方式

Vue中父子组件的通信方式一、Props+$emitProps：父传子父组件Parent.vue：$emit：子传父子组件Child.vue：this.
小半Annie·2024-02-06 18:44

vue组件通讯的几种方式（全面）

（传统型）2.1常见的组件通讯类型以及常见的通讯方式2.2父组件到子组件(父传子props)2.4父子组件(provide和inject)2.5子组件到父组件(子传父$emit和events方法)2.6
Cocoa٩·2024-02-06 18:42

3D力导向树插件-3d-force-graph学习001

文件中引入静态文件（js文件可在官网下载）**2、**也曾尝试用npm包下载引入的方法，总是会有报错，所以采用静态js文件引入的方式**二、基础Demo效果vue文件关键代码展示exportdefault{props
Hermione_log·2024-02-06 18:42

vue父子组件通讯的几种方式总结学习

我想着自己也写一波，然后先看看父子组件传值的内容，想写一写小demo然后练习一下这个内容，也算是系统学习一下怎么处理这个内容其实就是2种父传子和子传父1.父组件传子组件数据其实就是父在标签中可以给子传值主要利用props
蓝奕世·2024-02-06 18:10

Vue组件化开发父子组件传递结合v-model（笔记二）

父传子props推荐是对象形式，而不是数组。
似朝朝我心·2024-02-06 18:30

React的组件通信

在react中，父组件可以通过向子组件传递props，完成父子组件通信。
CCCCCccccccch·2024-02-06 17:14

react-redux的connect详解

中其中之一，在使用react-redux时起到了为redux中常用的功能实现了和react连接的建立函数入口，以及需要传入的参数：exportdefaultfunctionconnect(mapStateToProps
噢，我明白了·2024-02-06 15:54

父子组件的传值

父组件传递父组件在调用子组件的位置，添加一个自定义属性，属性的值就是父组件传入子组件的值如果属性值是一个变量，或布尔类型的数据，或数值类型的数据，该自定义属性需要使用绑定属性v-bind2.子组件接收在子组件定义的位置，添加一个props
噢，我明白了·2024-02-06 15:23

react ref获取元素高度

importReactDOMfrom"react-dom";classAppextendsComponent{constructor(props){super(props);this.state={width
Justice23·2024-02-06 15:23

React Native中定义默认属性值及PropTypes

1、定义默认属性使用defaultPropsstaticdefaultProps={name:"小红",age:20,sex:"男"}2、使用属性约束PropTypes因为在React15.5.0之后的版本中
咸鱼Jay·2024-02-06 08:16

vue实现文件预览

cnpminstall--savevideo.js3、组件代码importVideofrom'video.js';import'video.js/dist/video-js.css';exportdefault{props
清风拂山感·2024-02-06 06:07

【VUE】UniAPP之uview组件库，自定义tag封装，支持添加u-icon图标

组件代码{{props.text}}import{defineProps}from'vue'constprops=defineProps({text:{//显示文本type:String,default
孑然R·2024-02-06 06:36

a-tree的默认展开

一开始数据不是很多,想做树结构的默认展开,网上度娘的一些方法,什么v-if="treeData.length>0"的方法在我这里并行不通,可能我比较黑props:{treeData:{type:Array
老板下碗面·2024-02-06 04:09

react_08react更新流程

一:理论知识React更新流程:更新流程React在props或state发生改变时，会调用render()方法，创建一棵不同的树。
小话001·2024-02-06 02:29

ag-grid使用cellRenderer获取单选框状态

import{AgGridReact}from'ag-grid-react';functionMyCellRenderer(props){return();}func
13572025090·2024-02-06 02:20

Vue3入门到实战笔记03--标签的ref属性/ props

11、标签的ref属性作用：用于注册模板引用。用在普通DOM标签上，获取的是DOM节点。用在组件标签上，获取的是组件实例对象。用在普通DOM标签上：尚硅谷前端Vue点我打印内容import{ref}from'vue'lettitle1=ref()lettitle2=ref()lettitle3=ref()functionshowLog(){//通过id获取元素constt1=document.ge
jxncxgx·2024-02-05 23:52

vue2组件通信之$attrs/$listeners

子组件props中声明foo{{$attrs.foo}}父组件中祖孙传值祖先组件a组件中传值给孙组件在父级组件parent组件中通
Javed·2024-02-05 22:25

Vue实现公告循环横向播报组件

/assets/icon/notify.svg'exportdefault{name:'Home',components:{notify},props:{noticeData:{type:Array,default
爱生活，更爱技术·2024-02-05 22:19

vue3实现命令式弹窗

效果图代码区域首先实现弹窗组件my-modal.vue这里实现一个极简易弹窗作为示例，其他功能和样式可自行补充和优化；{{title}}{{content}}取消确定import{isVNode}from"vue";constprops
guizi0809·2024-02-05 19:48

Vue 学习随笔系列九 -- 表格中插入图片、背景、自定义表头

、效果三、表头悬浮提示语四、表头添加图标一、如何插入图片1、代码{{scope.row[item.prop]}}{{scope.row[item.prop]}}详情停止执行exportdefault{props
梅子酱~·2024-02-05 17:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他