1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<template>
  <el-input :clearable="true" v-model="Text" :readonly="readFlag" @focus="focusHandle" @blur="blurHandle" style="width: 220px">
    <i slot="prefix" class="el-input__icon el-icon-search"></i>
  </el-input>
</template>
 
<script>
export default {
  name: "FormInput",
  data(){
    return {
      Text:"333",
      readFlag:false
    }
  },
  methods:{
    focusHandle(){
      this.readFlag=true
    },
    blurHandle(){
      this.readFlag=false
    }
  }
}
</script>
 
<style scoped>
 
</style>