Vue class动态绑定

正常写法

<span style="font-size: 12px"></span>

绑定写法

<span :style="'font-size: 12px'"></span>

调用函数写法

<span :style="'font-size:'+getNrFontSize(item.deptName)+'px'"></span>

     //取得字体大小
      getNrFontSize(vContent){
        let lResult = 0;
        const lLength = this.getByteLen(vContent.trim())
     //根据传入文字的长度，如果大于4个汉字返回14号字体，反之返回16号大字体
        if(lLength > 8)
            lResult = 14
        else
            lResult = 16

        return lResult;
     }