在 Vue 中判断输入字符串是否是 IPv4 格式,你可以使用正则表达式来匹配 IPv4 的格式。
首先,你需要定义一个用于匹配 IPv4 格式的正则表达式:
const ipv4Regex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
然后,你可以在 Vue 组件的方法中使用该正则表达式来判断输入字符串是否是 IPv4 格式:
methods: {isIPv4(str) {
return ipv4Regex.test(str)
}
}
你也可以在模板中使用该方法,例如:
<template>
<div>
<input v-model="inputStr" />
<p v-if="isIPv4(inputStr)">输入的是 IPv4 格式</p>
<p v-else>输入的不是 IPv4 格式</p>
</div>
</template>
<script>
export default {
data() {
return {
inputStr: ''
}
},
methods: {
isIPv4(str) {
return ipv4Regex.test(str)
}
}
}
</script>
希望这些内容能帮助你解决问题。