根据正则匹配出正确数据，返回值无效？

Z时代
2024-02-07
分类：IT

子组件匹配父组件传来的sn值

regeMatch1 (sn) {
      const pattern = /^[A-Za-z0-9]+$/gi
      if (sn !== '' && sn !== null) {
        if (pattern.test(sn)) {
          console.log('符合')
          return sn
        } else {
          console.log('不符合')
          return (sn = '')
        }
      }    }

在mounted中调用

 mounted () {
    console.log(this.titlelist.sn, 11111)
    this.regeMatch(this.titlelist.sn)  },

绑定数据的标签

<span class="cell" style="height: fit-content;line-height: 1;flex: 2;">{{ titlelist.sn }}</span>

父组件传值

  props: {
    datalist: {
      type: Array,
      default: () => []
    },
    titlelist: {
      type: Object,
      default: () => { }
    }  },

打印输出
根据正则匹配出正确数据，返回值无效？
已经成功匹配了，但是sn值没有改为空字符

回答：

<span class="cell" style="height: fit-content;line-height: 1;flex: 2;">{{ localSN }}</span>

export default {
  props: {
    datalist: {
      type: Array,
      default: () => []
    },
    titlelist: {
      type: Object,
      default: () => { }
    }
  },
  data() {
    return {
      localSN: ''
    };
  },
  methods: {
    regeMatch1(sn) {
      const pattern = /^[A-Za-z0-9]+$/gi;
      if (sn !== '' && sn !== null) {
        if (pattern.test(sn)) {
          console.log('符合');
          return sn;
        } else {
          console.log('不符合');
          return '';
        }
      }
    }
  },
  mounted() {
    console.log(this.titlelist.sn, 11111);
    this.localSN = this.regeMatch1(this.titlelist.sn);
  }
};