vue element ui输入框默认禁用，然后根据下拉框选择的数据输入框生成编号

输入框根据下拉框选择数据生成编，假如选择数据中心，输入框编号则生成下拉框选择的首字母加年份加3位流水号，例如：SJZX2022001。这种应该怎么写？

<template>
  <div>
    <el-input type="text" v-model="value1" disabled />
    <el-select v-model="value2" @change="changeSelect">
      <el-option label="数据中心" value="数据中心"></el-option>
    </el-select>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        value1: '',
        value2: ''
      }
    },
    created () {
    },
    methods: {
      changeSelect (e) {
        this.value1 = 'SJZX2022001' //这里的值根据你选的去判断
      }
    }
  }
</script>
<style lang="scss" scoped>

</style>

输入框绑定一个值假设v-model="value"
下拉框@change="getData(event)" 下拉框监听事件，一旦改变，方法可以拿到下拉框选中的值 自己拼凑一下 例如： value="SJZX2022001"
这样就可以啦