Advertisement

tree component's slot value transmission

阅读量:
  • 🎯 博主介绍:很高兴遇见你们!我是尼克·张(Nickolas Zhang),一名热爱分享知识的新手博主🌟
  • 🌈 专业领域:我专注于前端技术的研发与实践
  • 🙏 如果觉得我的分享对您有所帮助的话,请您在下方关注、点赞、评论与收藏。您的支持是我继续创作的动力!在此感谢!!!
  • 🤝 在创作过程中难免会遇到问题和不足之处,请各位看官多多包涵,并提出宝贵建议或批评意见!期待您的指点交流!

最近我在编写树选择组件的过程中发现无法自定义该组件内的相关属性。因此打算在该组件中添加槽位,并通过使用element提供的元素树组件插槽来传递数据。

父组件

复制代码
    <tree-select>
      <span
    :style="{ cursor: data.children ? 'not-allowed' : 'pointer', width: '100%' }"
    @click="handleClick(...arguments, data)"
    slot-scope="{
      scope: {
        node: { label, data },
      },
    }"
      >
    <span>{{ label }}</span>
      </span>
    </tree-select>

全部评论 (0)

还没有任何评论哟~