相关说明

大小写切换

需要传参,其中1表示首字母大写,2表示首页母小写,3表示大小写转换,4表示全部大写,5表示全部小写。

asdHKa
asdHKa
asdHKa
asdHKa
asdHKa

<template>
  <div class="t-change-case-desc-area">
    <span>{{"asdHKa" | asChangeCase(1)}}</span>
    <br/>
    <span>{{"asdHKa" | asChangeCase(2)}}</span>
    <br/>
    <span>{{"asdHKa" | asChangeCase(3)}}</span>
    <br/>
    <span>{{"asdHKa" | asChangeCase(4)}}</span>
    <br/>
    <span>{{"asdHKa" | asChangeCase(5)}}</span>
    <br/>
  </div>
</template>

<script>
export default {
  name: "t-change-case"
}
</script>
<style scoped>
</style>

Expand Copy Copy

字符串循环复制

传一个参数count,count为Number类型,表示复制的次数。

abc

<template>
  <div class="t-repeat-string-desc-area">
    <span>{{"abc" | asRepeatString(5)}}</span>
    <br/>
  </div>
</template>

<script>
export default {
  name: "t-repeat-string"
}
</script>
<style scoped>
</style>

Expand Copy Copy

字符串替换

传两个参数val1和val2,val1表示要被替代的值,val2表示替换的新值。

abcdabcd

<template>
  <div class="t-replace-string-desc-area">
    <span>{{"abcdabcd" | asReplaceString('ab','xy')}}</span>
    <br/>
  </div>
</template>

<script>
export default {
  name: "t-replace-string"
}
</script>
<style scoped>
</style>

Expand Copy Copy

字符替换

经常用于隐藏手机号或者身份证号等。传三个参数regArr、type和ARepText,分别表示匹配索引数组,type可以为0和1,0表示隐藏，1表示显示,ARepText表示要替换成的标记。

18819322663
asdasdasdaa
1asd88465asdwqe3
1asd88465asdwqe3
18819322663
18819322663

<template>
  <div class="t-hide-string-desc-area">
    <span>{{'18819322663' | asHideString([3,5,3],0)}}</span>
    <br/>
    <span>{{'asdasdasdaa' | asHideString([3,5,3],1)}}</span>
    <br/>
    <span>{{'1asd88465asdwqe3' | asHideString([5],0)}}</span>
    <br/>
    <span>{{'1asd88465asdwqe3' | asHideString([5],1,'+')}}</span>
    <br/>
    <span>{{'18819322663' | asHideString([3,3,5],0)}}</span>
    <br/>
    <span>{{'18819322663' | asHideString([3,2,6],1)}}</span>
    <br/>
  </div>
</template>
<script>
export default {
  name: "t-hide-string"
}
</script>
<style scoped>
</style>

Expand Copy Copy

保留小数位数

传一个参数val,为正整数类型,如不满足条件,则默认保留两位小数。

123.456
123.456
123.456789
123.456789
123.456789222

<template>
  <div class="t-to-decimal-desc-area">
    <span>{{'123.456' | asToDecimal(1)}}</span>
    <br/>
    <span>{{'123.456' | asToDecimal()}}</span>
    <br/>
    <span>{{'123.456789' | asToDecimal(3)}}</span>
    <br/>
    <span>{{'123.456789' | asToDecimal(3.2)}}</span>
    <br/>
    <span>{{'123.456789222' | asToDecimal(5)}}</span>
  </div>
</template>

<script>
export default {
  name: "t-to-decimal"
}
</script>

<style scoped>

</style>

Expand Copy Copy

容量转换

传一个参数val,为正整数类型,如不满足条件,则默认保留两位小数。

1000
1040
1000000
1060000
1000000000

<template>
  <div class="t-number-formatter-desc-area">
    <span>{{1000 | asNumberFormatter(2)}}</span>
    <br/>
    <span>{{1040 | asNumberFormatter(2)}}</span>
    <br/>
    <span>{{1000000  | asNumberFormatter(2)}}</span>
    <br/>
    <span>{{1060000  | asNumberFormatter(2)}}</span>
    <br/>
    <span>{{1000000000  | asNumberFormatter(2)}}</span>
    <br/>
  </div>
</template>

<script>
export default {
  name: "t-number-formatter"
}
</script>

<style scoped>

</style>

Expand Copy Copy

金额转换

不需要传参数。

168752632
1682
-1693
123.11

<template>
  <div class="t-updigit-price-desc-area">
    <span>{{168752632 | asUpdigitPrice()}}</span>
    <br/>
    <span>{{1682 | asUpdigitPrice()}}</span>
    <br/>
    <span>{{-1693 | asUpdigitPrice()}}</span>
    <br/>
    <span>{{123.11 | asUpdigitPrice()}}</span>
    <br/>

  </div>
</template>

<script>
export default {
  name: "t-updigit-price"
}
</script>

<style scoped>

</style>

Expand Copy Copy

格式化日期

传一个参数format,为String类型,表示日期格式,如'yyyy-MM-dd hh:mm:ss'。

2024-06-14 01:05
2024-06-14 01:05
2024-06-14 01:05
2024-06-14 01:05
2024-06-14 01:05
2024-06-14 01:05
2024-06-14 01:05

<template>
  <div class="t-format-date-desc-area">
    <span>{{'2024-06-14 01:05' | asFormatDate('yyyy-MM-dd hh:mm:ss')}}</span>
    <br/>
    <span>{{'2024-06-14 01:05' | asFormatDate('yyyy-MM-dd hh:mm')}}</span>
    <br/>
    <span>{{'2024-06-14 01:05' | asFormatDate('MM/dd')}}</span>
    <br/>
    <span>{{'2024-06-14 01:05' | asFormatDate('hh:mm:ss')}}</span>
    <br/>
    <span>{{'2024-06-14 01:05' | asFormatDate('hh:mm')}}</span>
    <br/>
    <span>{{'2024-06-14 01:05' | asFormatDate('yyyy/MM/dd hh:mm:ss')}}</span>
    <br/>
    <span>{{'2024-06-14 01:05' | asFormatDate('yyyy/MM/dd hh:mm:ss w')}}</span>
  </div>
</template>
<script>
export default {
  name: "t-format-date",
  data(){
    return{
    }
  }
}
</script>

<style scoped>

</style>

Expand Copy Copy

格式化处理文本

传两个参数size和delimiter,size为Number类型,表示以size位作为分隔单位,delimiter为String类型,表示分隔符。

1234asda567asd890
1234asda567asd890
1234asda567asd890

<template>
  <div class="t-format-text-desc-area">
    <span>{{"1234asda567asd890" | asFormatText()}}</span>
    <br/>
    <span>{{"1234asda567asd890" | asFormatText(4,' ')}}</span>
    <br/>
    <span>{{"1234asda567asd890" | asFormatText(4,'-')}}</span>
    <br/>
  </div>
</template>
<script>
export default {
  name: "t-format-text",
  data(){
    return{
    }
  }
}
</script>

<style scoped>

</style>

Expand Copy Copy

格式化处理文本

传两个参数size和delimiter,size为Number类型,表示以size位作为分隔单位,delimiter为String类型,表示分隔符。

1234asda567asd890
1234asda567asd890
1234asda567asd890

<template>
  <div class="t-format-text-desc-area">
    <span>{{"1234asda567asd890" | asFormatText()}}</span>
    <br/>
    <span>{{"1234asda567asd890" | asFormatText(4,' ')}}</span>
    <br/>
    <span>{{"1234asda567asd890" | asFormatText(4,'-')}}</span>
    <br/>
  </div>
</template>
<script>
export default {
  name: "t-format-text",
  data(){
    return{
    }
  }
}
</script>

<style scoped>

</style>

Expand Copy Copy