vue组件传入样式参数

起因

做一个el-card,可以自定义宽度,而不是自动填满整个div。

就是把组件的宽度绑定到一个传入的参数上:

<el-card :style="{width: this.cardData.width}">
</el-card>

下面是有问题的代码:

<el-card :body-style="{width: 'this.cardData.width'}">
</el-card>

修改body-stylestyle,删除width旁的引号后,功能终于正常了。

奇怪的是el-card的介绍里说要用body-style,可是偏偏不起作用。

posted @ 2021-11-13 23:33  ticlab  阅读(450)  评论(0编辑  收藏  举报