vue中input框的禁用和可输入问题

   <input
      type="text"//绑定的值
      v-model="Copy.possWord1"
      :readonly="read ? false : 'readonly'"
    />

<template>
  <div class="orderinfo">
 
  <input type="text" v-model="text" @blur="blur()">
  </div>
</template>

<script>
export default {
  name: "Orderinfo",
  data() {
    return {
      text:''
    };
  },
 
  mounted() {},
  watch: {
    // 监听输入框输入
    text: function(val) {
      if (val.length > 0) {
        console.log('显示删除')
      } else {
         console.log('不显示删除')
      }
    }
  },
 
  methods: {
    //失去焦点
    blur(){
      console.log(this.text)
    }
  }
};
</script>

<style scoped lang="scss"> 
</style>