vue使用组件时,如果为组件动态添加属性及属性值?
假设我在使用 element 的 table 组件时,需要根据用户是否传了某个值而决定是否需要为组件添加某个属性,如下:
<el-table-column type="index" :index="indexMethod" align="left" label="No." :min-width="indexMinWidth"></el-table-column>
我希望当用户传了indexMinWidth
属性时,设置min-width
,如果没有传,我希望时如下状态:
<el-table-column type="index" :index="indexMethod" align="left" label="No."></el-table-column>
因为有些时候,这个值无论是什么,都可能是有意义的(达不到没有设置时的效果)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
终于找到办法了:
将table中的每列设置
width
、min-width
二选一,width 固定宽度;设置 min-width 的列会评分宽度,以达到自适应撑开的效果;如果 不想设置
width
、min-width
可以给属性设置undefined
,感谢 @路从今夜白(sunxiuguo)的帮助
如果没有indexMinWidth, min-width直接传undefined就可以吧, 和不传min-width是一样的