Props

vue自定义组件封装v-model数据双向绑定

但是很多功能还是没有办法达到定制化，所以我们需要自己封装一个符合自己的组件话不多说贴代码子组件*  {{ytips.tips}}:{{ytips.errortips}}exportdefault{props
萧潇墨·2024-01-20 13:22

vue3+element-plus动态渲染级联选择器，重置渲染数据

绑定各种方法，但是都失败了，反而这样写成功了...详细代码（这里实现了一个二级级联选择器，根据一级数据选中的数据加载二级数据：constselectedValues=ref([])//级联可选择数组constpropsCascader
T^T尚·2024-01-20 13:51

uni-app微信小程序——下拉多选框

插件来自：select-cy-DCloud插件市场1、组件代码{{item}}{{placeholder}}{{item[slabel]}}exportdefault{name:'select-cy',props
徐小硕·2024-01-20 13:20

Vue使用render函数（以js文件的形式生成组件）

实例渲染数据组件代码（js文件）exportdefault{//组件名name:"strReverse",//属性props:{msg:{type:String,default:"",},
无知的小菜鸡·2024-01-20 13:48

element——弹窗

在组件中使用弹窗打开弹窗//定义组件Vue.component('test',{template:``,props:{//visible父组件传给子组件的值，控制是否显示弹窗visible:{type:
无知的小菜鸡·2024-01-20 13:18

element 的 el-cascade 组件获取级联选中label和value值

exportdefault{props:{value:{type:[String,Number,Array],default:null},size:{type:String,default:'small
帅气的小伙·2024-01-20 13:14

Vue3封装一个轮播图组件

先看效果编写组件代码CarouselChart.vue←→import{defineProps,defineEmits}from'vue'constemit=defineEmits(['handlePrev
szx的开发笔记·2024-01-20 13:43

快速上手 vue.js ＜二＞

组件的嵌套关系组件化的核心思想：对组件进行拆分，拆分成一个个小的组件再将这些组件嵌套再一起最终形成我们的应用程序最终整个程序会变成组件树7.2组件的通信方式父子组件之间的通信：父组件传递给子组件：通过props
原来是有理数·2024-01-20 13:42

vue 解决el-table 表体数据发生变化时，未重新渲染问题

效果图父组件中数量改变后总数重新计算子组件完整代码:key="certKey">exportdefault{props:['data','certKey'],data(){return{selectionData
帅气的小伙·2024-01-20 13:41

【Flutter】dart class、 mixin和extends、implements、with那些事

class、mixin常用修饰符abstractbasefinalinterfacesealedmixin2、abstract2.1抽象类的定义abstractclassVeichle{StringegProps
安静的电动棒·2024-01-20 09:10

递归组件怎么实现无线滚动

{{item.title}}exportdefault{name:'RecursiveComponent',props:{items:Array}};在
前端小臻·2024-01-20 09:00

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

reconcileChildren1）概述在更新了一个节点之后，拿到它的props.children要根据这个children里面的ReactElement来去创建子树的所有的fiber对象要根据props.children
Wang's Blog·2024-01-20 09:50

2022-08-04 留白代码

">:class="['company-info','f-l','center']":list="companyList":data="companyTree":node-map="nodeMap":props
BAT努力·2024-01-20 09:33

组件之间传值（vue的问题）

父组件传值给子组件（:messageInfo='message'）在Vue.js中，父子组件的关系可以总结为propsdown,eventsup。
泡芙·草莓·2024-01-20 08:29

【Vue3】3-4 : 组件的属性与事件是如何进行处理的

组件的属性与事件默认不通过props接收的话，属性会直接挂载到组件容器上，事件也是如此，会直接挂载到组件容器上。
ladymorgana·2024-01-20 06:32

jsx基本语法

jsx语法规则jsx全称:JavaScriptXMLreact定义的一种类似于XML的JS扩展语法:JS+XML本质是React.createElement(component,props,...children
Xiaaoke·2024-01-20 05:10

vue中data和props的区别

一、两者区别区别一：data不需要用户（开发者）传值，自身维护props需要用户（开发者）传值区别二：1、data上的数据都是可读可写的，2、props上的数据只可以读的，无法重新赋值二、props为什么不能修改因为
程序员-小许·2024-01-20 05:57

VUE--$emit(将子级的值传递给父级)

准备工作参照以下链接：准备工作：VUE--Props(子级接收父级传来的数据)-CSDN博客具体实现Parent.vueParent{{msg}}importChildfrom".
·H·976·2024-01-20 04:03

VUE--插槽slot（将父级的模块片段插入到子级中）

组件可以接收任意类型的JS值作为props，但我们想要为子组件传递一些模板片段，并在子组件中进行渲染时，此时可以采用插槽slot来实现简单来说，插槽时组件内留一个或多个插槽的位置，供组件传递对应的模板代码
·H·976·2024-01-20 04:30

Vue2.0 组件components

newVue({el:"#app",//02注册组件components:{step},data(){return{r:100,}}})//01定义组件varstep={template:`-=max">+`,props
敲代码的小吉米·2024-01-20 03:58

React.memo每天一个小知识，有例子

react的子组件props接收父组件的属性运用场景：子组件如果接收多个参数，父组件传的值有变化，就更新(多次请求接口，再有图片请求的时候，费劲)，比如打开弹出框，open就是true/false，但是你只想在单据不一样的时候更新
糖小宝2016·2024-01-20 02:09

css 前端实现通过css动画实现进度条动态加载效果

}}{{item[bmmcField]}}{{item[slField]|noDataFilter}}exportdefault{name:'CommonProcess',components:{},props
Fighting_p·2024-01-20 01:54

elementui中树结构el-tree和树结构过滤

data.namTag}}{{data.dataDate}}js代码定义treedata，为了避嫌，我把内容换一下哈哈哈，可能与上图内容不符合，但是换汤不换药哈，内容你们随便定义//data中的数据defaultProps
五颜六色的黑·2024-01-19 19:45

【Element UI-table】树形数据无法展开和收缩 load、tree-props、hasChildren 详解

row-key必填最好给数字或唯一属性，给每个节点设置id不填的话没有办法实现展开效果2、load这个是动态添加数据的前提（开启lazy，表格数组里设置了hasChildren：true）3、treeprops
＆超·2024-01-19 19:44

element-plus 树形控件用法

element-plus的Tree组件：import{Tree}from'element-plus';然后，在HTML中使用Tree组件：在以上代码中，:data属性绑定了一个包含树形结构数据的对象，:props
无妄的罪·2024-01-19 19:44

React高阶组件--render props、高阶组件(React学习笔记_06)

React-renderprops和高阶组件1，renderprops模式使用步骤1，创建一个组件，在组件中提供复用的状态逻辑代码2，将要复用的状态作为props.render(state)方法的参数，
小王子__·2024-01-19 17:58

【VUE】vue + element 插槽实现表格某一列点击事件

代码如下：关键代码如下：{{scope.row.databaseName}}整体代码贴下：{{scope.row.databaseName}}查看编辑exportdefault{components:{},props
kiraraLou·2024-01-19 16:52

Antd Design的inputNumber实现千位分隔符和小数点并存

//定义InputNumber的参数constNumberProps={min:'0',//最小值max:'999999999999999.99',//最大值stringMode:true,//字符值模式
Charonmomo·2024-01-19 16:29

vue-实现pc端点击滚动-左右箭头滑动

实现的效果代码{{item.privateDeviceName}}exportdefault{name:'EnergyPlatformBaseChargeTabs',props:{privateDevicesList
造糖主义·2024-01-19 16:08

vue3 组件的二次封装（保留其属性和事件，插槽，方法）

vue3组件的二次封装基础组件模拟封装一个基础组件，包含一个base事件，一个title属性，默认插槽和footer插槽暴漏closeopen方法x-basedefineProps();constemit
潇、然·2024-01-19 15:24

vue：状态管理库及其部分原理（Vuex、Pinia）

多组件的状态共享问题：当多个组件需要访问和修改相同的数据时，我们需要在组件之间传递props或者使用事件总线。当，应用就会变得难以维护和调试。
大佬，咋整啊·2024-01-19 15:45

vuｅ３路由的ｐｒｏｐｓ配置

/views/my.vue"),props:true}然后我们再获取参数的页面用ｄｅｆｉｎｅＰｒｏｐｓ获取就行了import{ref,onMounted,toRefs}from"vue";de
paul jeorgh·2024-01-19 15:57

用作用域slot父子传参

具体原理我们在父组件里获取的信息,然后用:xxx="数据";的方法传递给子组件子组件用defineprops方法获取以后,渲染,然后再遍历的地方写一个slotslot标签通过$传递父组件用template
paul jeorgh·2024-01-19 15:56

vue3+ts +pinia 自己记录的 写的乱

1，父传子constprops=defineProps({type:{default:'edit',type:String,},});标签vue3（中没有this）父子组件传参单个父子传参子组件多个父子传参用
又是取名的一天·2024-01-19 15:47

el-cascader 级联搜索高亮

exportdefault{name:'SearchCascader',props:{defaultValue:{type:Array,default:()=>[]},formId:{type:String
岳哥i·2024-01-19 11:00

【React】组件生命周期、组件通信、setState

函数的返回值函数组件认识生命周期生命周期解析生命周期函数不常用生命周期函数认识组件间的通信父组件传递子组件-类组件和函数组件参数propTypes子组件传递父组件React中的插槽（slot）children实现插槽props
顽皮宝·2024-01-19 07:59

uniapp中uview组件库TopTips 顶部提示使用方法

目录#平台差异说明#基本使用#自定义导航栏使用本组件的问题#主题设置#显示时间设置#API#Methods#Props该组件一般用于页面顶部向下滑出一个提示，尔后自动收起的场景。
TechWhiz-晓同·2024-01-19 07:44

react的useImperativeHandle()和forwardRef()

functionFancyInput(props,r
我们都是柠檬精诶·2024-01-19 07:31

useImperativeHandle 父组件调用子组件方法

Child'import{connect}from"dva";exportdefaultconnect(state=>{return{}})(Impera)//父组件调用子组件方法functionImpera(props
天不生我鹤暮辞·2024-01-19 07:31

react 父组件 任何调用 子组件的方法 forwardRef useImperativeHandle

事例：importReact,{useImperativeHandle}from'react';constChild=React.forwardRef((props,ref)=>{useImperativeHandle
wx-18538561085·2024-01-19 07:00

React使用forward和useImperativeHandle实现父组件调用子组件

useImperativeHandle介绍使用与场景-网页3剑客子组件：importReact,{forwardRef,useImperativeHandle}from'react';functionSonTwoDemo(props
·小新·2024-01-19 07:28

React Hooks中父组件调用子组件方法

return(          );}exportdefaultA;子组件：importReact,{forwardRef,useImperativeHandle}from"react";functionB(props
JAVA_WWC7910·2024-01-19 07:26

React hook中父组件调用子组件的方法

通过指定ref为JSX属性，将其向下传递给父组件的主要代码：importReact,{useRef}from'react';constparent=(props)={constshareRef=useRef
Coralpapy·2024-01-19 07:21

React 中，forwardRef 和 useImperativeHandle 配合实现父组件调用子组件方法和属性

然而，由于React的props传递机制，我们无法直接将ref传递给子组件。这就是forwardRef的作用所在useImperativeHa
蒲厷渶之戀·2024-01-19 07:49

Vue3封装可拖拽的弹窗

核心代码（复制就可以使用了）{{title}}Ximport{computed,ref}from'vue';const{width,height,title}=defineProps({width:{type
七月_Mo·2024-01-19 06:25

登录页添加验证码

登录页添加验证码引入验证码页面组件：ValidCode.vue{{item.code}}看不清exportdefault{name:'validCode',props:{width:{type:String
luanluan8888·2024-01-19 06:09

vue中provide/inject的使用

在Vue中，Vue提供了各种各样的组件通信方式，从基础的props/$emit到用于兄弟组件通信的
小锅盖快跑·2024-01-19 04:12

inject: [‘reload‘] 是一个在 Vue.js 组件中常见的语法，用于将父组件中定义的 reload 方法注入到子组件中。

这通常用于当子组件需要从父组件获取某些功能或数据时，而不是通过props传递。例如，考虑以下场景：vue代码exportdefaul
black方块cxy·2024-01-19 04:09

实现v-model功能组件实例

实现v-model功能组件实例vModel.vue:exportdefault{name:"vModel",props:["value"],methods:{change(event){if(event.inputType
清汤饺子·2024-01-19 03:33

vue 渲染函数 & JSX

createElementreturnh('div',//HTMLtag、自定义组件、异步组件{//属性对象attrs:{//标签属性id:'wrap'},class:{//类名'my-com':true},props
wdapp·2024-01-19 03:56
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他