vue.js中的组件高度定制

图片描述

如图想用vue实现一个有适合各种场景的定制化的导航栏组件。

想要实现的功能是三个部分leftcenterright都可以自定义,可以是文字,按钮或者别的什么。

react的时候发现组件都是可以通过props传下来的,到vue的时候发现是不行的。

那么该如何来实现这个需求呢?

像这种可以高度自定义的高复用性的组件一般是怎么写的?

能给个例子就更好啦,啊哈哈

——补充——

其实需求就是写一个放在页面头部的NavBar组件,结构如图,想要leftcenterright三个部分是可以根据需要自定义的,可以是文字、button、下拉菜单等,因为需要在不同的页面中使用。我想问的是怎么实现

阅读 5.5k
4 个回答

不太清楚你具体要什么,也不清楚你对vue了解到什么程度,props是用来传值的。你写个子组件,父组件引用的时候可以通过props传值。

看一下vue的slot

你可以看下网上别人的组件是怎么写的,比如vux、element-ui等等,看看他们的源码是怎么传值得,你说的高度,样式其实都是可以通过props传的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题