vue对字符串转html方法

开发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;
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值