vue项目 写新增名称的正则表达式 在标签里面更改

可以在Vue的template标签中使用v-model指令将输入框的值绑定到data中的一个变量上，然后在methods中定义一个函数来验证输入框中输入的内容是否符合要求，最后在template标签中使用v-bind指令来绑定该函数的返回值来判断是否允许用户提交表单。

下面是一个示例代码，其中正则表达式可以根据具体需求进行修改：

<template>
  <div>
    <input type="text" v-model="name">
    <button v-bind:disabled="!isValidName()">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    }
  },
  methods: {
    isValidName() {
      const reg = /^[a-zA-Z]+$/ // 只允许输入字母
      return reg.test(this.name) && this.name.length > 0
    }
  }
}
</script>

在这个例子中，isValidName函数用于验证输入框中的内容是否符合要求，它首先定义了一个正则表达式，只允许输入字母，然后使用test方法来测试输入的内容是否符合这个正则表达式，同时还要判断输入框中的内容长度是否大于0，如果都符合要求，返回true，否则返回false。在template标签中，使用v-bind指令来绑定这个函数的返回值，如果返回false，则禁用提交按钮，否则允许提交。