网站建设网站公司哪家好,金城武重庆森林经典台词,网站运营需要 做哪些工作内容,什么网站做前端练手好toLocaleString作用#xff1a;在没有指定区域的基本使用时#xff0c;返回使用默认的语言环境和默认选项格式化的字符串。可点击进入MDN查看
// 千分位分隔符指令
import { Directive, DirectiveBinding } from vueconst thousandSeparator: Directive {mounted(el: any, …toLocaleString作用在没有指定区域的基本使用时返回使用默认的语言环境和默认选项格式化的字符串。可点击进入MDN查看
// 千分位分隔符指令
import { Directive, DirectiveBinding } from vueconst thousandSeparator: Directive {mounted(el: any, binding: DirectiveBinding) {// 获取文本const value el.innerTextif (value !isNaN(Number(value))) { // 判断文本是不是数字// 对其进行转化el.innerText Number(value).toLocaleString(en-US)}},updated(el: any, binding: DirectiveBinding) {const value el.innerTextif (value !isNaN(Number(value))) {el.innerText Number(value).toLocaleString(en-US)}}
}export default {thousandSeparator
}//在mian.ts中注册指令import { createApp, Directive } from vue
import pinia from ./store/index
import i18n from ./i18n
import router from ./router/index
import App from ./App.vue
// 引入指令文件
import directives from /utils/directivesconst app createApp(App)
app.use(pinia).use(i18n()).use(router).mount(#app)// 注册指令
Object.keys(directives).forEach(key {//Object.keys() 返回一个数组值是所有可遍历属性的key名app.directive(key, (directives as { [key: string]: Directive })[key]) //key是自定义指令名字后面应该是自定义指令的值
})
效果
