vue利用v-bind动态绑定属性和props实现父向子传值

绝地灬酷狼 2022-05-08 07:42 481阅读 0赞

> **v-bind 动态绑定属性 比如src class  style以及自定义属性如下面代码所示data columns urllazy **
> 
>  *  **v-bind动态绑定 **
> 
>     //父组件中引入子组件
>     import treeTable from '../../common/TreeGrid.vue';
>     components: {
>     			treeTable,
>     }
>     
>     //父组件中子组件标签
>     <tree-table :data="data" :columns="columns" border :urlLazy="urlLazy">
>     					
>     </tree-table>
> 
>  *  **props **
> 
> props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义校验和设置默认值，props中接受数据设置type类型
> 
>  **子组件中 props中接受数据即可在子组件中获取到**
> 
>     name: 'treeTable', 
>     props: {
>         data: {
>           type: [Array, Object],
>           required: true
>         },
>         urlLazy:{
>         type:String
>         },
>         columns: {
>           type: Array,
>           default: () => []
>         },
>         evalFunc: Function,
>         evalArgs: Array,
>         expandAll: {
>           type: Boolean,
>           default: false
>         },
>         selection: false ,
>         radio : false,
>         height:{
>         type:Number
>         },
>         nodeDataCurrentId:{
>         type:String
>         }
>     }
> 
> 参考地址：[https://mp.csdn.net/postedit/82996811][https_mp.csdn.net_postedit_82996811]

[https_mp.csdn.net_postedit_82996811]: https://mp.csdn.net/postedit/82996811

发表评论取消回复

表情：

评论列表（有 0 条评论，481人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 父通过props向子传值，默认值为数组

indexArray: { default: function () { ret

迷南。/ 2023年06月23日 04:57/ 0 赞/ 63 阅读

相关 vue 组件子向父传值

<body> <div id="app"> <div :style='{ fontSize: fontSize + "px"}'>{

缺乏、安全感/ 2023年01月08日 04:23/ 0 赞/ 207 阅读

相关 vue利用v-bind动态绑定属性和props实现父向子传值

> v-bind 动态绑定属性比如src class style以及自定义属性如下面代码所示data columns urllazy > > v-bind动态绑定

绝地灬酷狼/ 2022年05月08日 07:42/ 0 赞/ 482 阅读

相关 vue 父组件向子组件传值

先看代码： 1、父组件： <template> <div> <div v-if="!userShow"> 父组件内容区

￡神魔★判官ぃ/ 2022年04月17日 04:59/ 0 赞/ 440 阅读

相关【Vue】10.vue中父组件通过props属性向子组件传值

在vue项目开发的过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来，这时可能会产生一些疑问和需求？比如一个组件调用另外一个组件作为自己的组件，那么我们如何进

骑猪看日落/ 2022年03月22日 06:44/ 0 赞/ 333 阅读

相关 Vue.js 父组件向子组件传值和子组件向父组件传值

父组件向子组件传值 1. 组件实例定义方式，注意：一定要使用`props`属性来定义父组件传递过来的数据 <script> // 创建 Vue

た入场券/ 2022年03月16日 20:16/ 0 赞/ 452 阅读

相关 vue子组件向父组件传值

背景 vue实现数据交互之子组件向父组件传值，这里通过点击事件改变父组件的值方法子组件User.vue //点击hello users后改变父组件titl

傷城~/ 2021年12月12日 07:21/ 0 赞/ 494 阅读

相关 Vue子组件向父组件传值

子组件 props: { props:['childdata'], // 定义在父组件中的变量 }, me

太过爱你忘了你带给我的痛/ 2021年09月15日 12:18/ 0 赞/ 640 阅读

相关 vue父组件向子组件传值

子组件 -------------------- <template> <div class="timeline" > <div v-for=" data in c

以你之姓@/ 2021年09月15日 12:12/ 0 赞/ 674 阅读

相关 vue 父页面使用props向子组件传值

参考链接: [vue之父子组件间通信实例讲解(props、 r e f 、 ref、 ref、emit)][vue_props_ r e f _ ref_ ref_emit].

我不是女神ヾ/ 2021年09月07日 06:20/ 0 赞/ 544 阅读