美文网首页
vue的组件属性是一个函数传附加参数

vue的组件属性是一个函数传附加参数

作者: 勤的空间 | 来源:发表于2023-12-18 16:21 被阅读0次

组件的myProp属性是一个函数func,这时想给func传入一个参数如idx

<template v-for="(col, idx) in columns">
       <Child :myProp="func"/> //这儿需要把idx传给func
</template>

可这样实现:

<template v-for="(col, idx) in columns">
       <Child :myProp="func(idx)"/>
</template>
<script>
  func(idx){
    return (params) => {
        console.log(params, idx)
    }
  }
</script>

相关文章

  • Vue3---父子组件间互相传值

    Vue3中,子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参,...

  • Vue中的props理解

    Vue组件 Vue实例中的data属性是一个对象,然而组件中的data属性是一个函数。这是因为一个组件可以在同一个...

  • Vue相关

    1:vue组件需要注意的事项? 组件参数的data值必须是函数,同时这个函数要求返回一个对象 作用:使用函数会形成...

  • 2018-07-26

    vue组件相关练习1、设计组件定义、分类(全局、局部组件)、2、组件传值、父传值给子组件,用props参数接收子传...

  • Vue组件通信

    1) 父组件给子组件传值 利用Vue的组件机制,父亲组件通过 v-bind指令给子组件绑定一个属性,属性值为父组件...

  • vue 中父子组件之间的传值

    1.新建home.vue 和header.vue 组件 2.父组件home 属性传值 3.子组件接收父子的传值 总...

  • React 函数组件 和 class组件

    函数组件 React几个创举: 标签就是函数函数就是对象标签的属性就是函数的参数,(这里的函数的参数是个对象)虚拟...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

网友评论

      本文标题:vue的组件属性是一个函数传附加参数

      本文链接:https://www.haomeiwen.com/subject/ecmagdtx.html