vue3.0取消了Vue.prototype,官方文档推荐使用globalProperties

第一步:src/utils/validator.js

function isNumbervalidator (rule, value, callback) {
  if (!value) {
    return callback(new Error('内容不能为空'));
  }
  setTimeout(() => {
    var re = /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/   //正浮点数
    if (!re.test(value)) {
      callback(new Error('请输入大于0的数值'));
    } else {
      callback();
    }
  }, 500);
}
function isNumber (value) {
  var re = /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/   //正浮点数
  let boo = true
  if (!re.test(value)) {
    boo = false
  } else {
    boo = true
  }
  return boo
}
export default {
  isNumbervalidator,
  isNumber
}

第二步:main.js

import { createApp } from 'vue'
import App from './App.vue'
// 引入公共方法
import utils from "@/utils/validator.js"
const app = createApp(App)
installElementPlus(app)
app.config.globalProperties.$utils = utils
app.mount('#app')

第三步:页面使用

 this.$utils.isNumbervalidator()

 

Logo

前往低代码交流专区

更多推荐