vue.js 之将三个以上的下划线转化为input输入框

if((this.editData.type == 7)) {
                        var text = utils.clearHtml(this.editData.title);
                        for(var i = 0; i < this.editData.constraints.length; i++) {
                            this.editData.chooseTip = this.constraintText(this.editData.constraints[i]);
                            var a = this.editData.chooseTip.toString();
                            if(text.indexOf('___') > 0) {
                                //根据不同的下划线个数，展示不同的长度
                                var len = utils.clearHtml(this.editData.title).match(/___/g).length;
                                if(len == 0){
                                    this.editData.title = text.replace(/___/, '<input type="text" class="zhpj_input"  value="" style="width:50px"/>' + a);
                                }else if(len >= 1){
                                    this.editData.title = this.editData.title.replace(/_{3,}/,'<input type="text" value="" class="zhpj_input" style="width:'+ len * 50  +'px"/>' + a);
                                }
                                
                            } else if(text.indexOf('___') < 0) {
                                //没有下划线，在末尾添加
                                text = text + '___';
                                this.editData.title = text.replace(/___/, '<input type="text" class="zhpj_input"  value=""/>' + a);
                            }
                        }

                    }

//控制不同的下划线 input框宽度
            if(this.previewData.type == 7) {
                var len = $(".zhpj_input").length;
                for(var i = 2; i <= len; i++) {
                    $(".zhpj_input").eq(i - 2).width($(".zhpj_input").eq(i - 2).width() - $(".zhpj_input").eq(i - 1).width());
                }
            }