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()