el-input disable and clearable

gistfile1.txt

          <el-input
            ref="carModelInput"
            v-model="carModelSelected.label"
            placeholder="请选择"
            clearable
            class="w300"
            @clear="clearCarModel">
            <el-button slot="append" icon="el-icon-search" @click="carTypeVisible = true" />
          </el-input>
          
          
          
  
          {
            mounted () {
              try {
                const $carModelInput = this.$refs.carModelInput.$el
                $carModelInput.className += ' is-disabled'
                $carModelInput.firstElementChild.setAttribute('readonly', 'readonly')
              } catch (e) {
                console.log(e)
              }
            }
          }