JS字符串前后补全和全选问题，padStart()方法和padEnd()方法

padStart()字符串头部补全，padEnd()尾部补全

padStart() 和  padStart() 一共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。

// 字符串 x 前补全 ‘ab’
'x'.padStart(5, 'ab') // 'ababx' 
'x'.padStart(4, 'ab') // 'abax'  

// 字符串 x 后补全 ‘ab’
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

如果原字符串 x 的长度，等于或大于指定的最小长度，则返回原字符串。经常用到的还是padStar() 前补全‘0’，具体更多用法看一下手册，里面更详细

我用到的是 element 插件 input 事件 ，当失去焦点时自动补全固定长度，补的是 0 

<el-input v-model.trim="outSupplierCode" @focus="removePrefixZero($event)" />

// this.outProductCode 是我们要补全的字符串
// 如果原有字符串不够13位，则在原有字符串前补 0 补够 13 位


this.outProductCode = this.outProductCode.padStart(13, '0')

// 获取焦点时全选
// input获得焦点时触发
 removePrefixZero(event) {
// 获得焦点时去 0 操作
   this.outSupplierCode = this.outSupplierCode.replace(/\b(0+)/gi, '')
   // 获得焦点时全选
   this.$nextTick(() => {
     event.target.select()
   })
 },