vue 动态添加style样式

示例1

<div class="qrcode" :style="{display: qrcodeShow?'':'none'}">
  <img src="../assets/images/qrcode.jpg">
div>

• {display: qrcodeShow?'':'none'} 为JS对象。

示例2

<div class="qrcode" :style="qrcodeStyle">
  <img src="../assets/images/qrcode.jpg">
div>
...

<script>
    new Vue({
        data: {
            qrcodeStyle:{display: 'none'},
        }
    });
script>

• qrcodeStyle 为JS对象。

参考

https://blog.csdn.net/chyuanrufeng/article/details/107139359
https://www.php.cn/faq/500032.html