javascript - 在$ refs中添加样式？

无法在$ refs属性中添加样式。无法设置未定义的属性“cssText”。这可能吗？找不到与此类似的内容

this.$refs['ticketCode_'+this.resoTrans_id].style.cssText =
                "background-color:#66BB6A !important; border:1px solid #66BB6A !important; color:#fff !important;";

不使用.style进行打印似乎可以正常工作console.log(this.$refs['ticketCode_'+this.resoTrans_id])

VueComponent {_uid: 493, _isVue: true, $options:

最佳答案

您不应该使用cssText，而是使用JavaScript API设置样式(您也可以在$ refs上进行设置):

let $ref = this.$refs['ticketCode_' + this.resoTrans_id]

$ref.style.backgroundColor = '#66bb6a';
$ref.style.border = '1px solid #66bb6a';
...

更好的是直接在模板中利用Vue的功能:

<your-element ref="'ticketCode_' + resoTrans_id" :style="{ backgroundColor: '#66bb6a', border: '1px solid #66bb6a' /* ... */ }" />

关于javascript - 在$ refs中添加样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49572850/