开发vue时在{{mo.infoName | subopt}}  Vue.filter(“subopt”, function…)时发现过滤处理后返回来的始终是字符串,当对展现文本有页面样式或拍板格式要求时,无法满足。

于是乎我们采用<div  v-html="formatLetter(mo.infoName)"></div>,然后在methods下增加方法:(以下为对特定字母后面加一个<br>的html元素)

formatLetter:function(value){
    value = value.substring(0,12).replace("(", "︵ ").replace(")", "︶");
    value = $.conf.flb(value, ["S","F","W","Z"]);
     return value;
}

其中flb方法为:

letterBlank:function(content){
     return " "+content+"<br>";
},
flb:function(value, letter){
    for(var i=0; i<letter.length; i++){
         value = value.replace(letter[i], $.conf.letterBlank(letter[i]));
    }
    return value;
}

 

Logo

前往低代码交流专区

更多推荐