vue html attribute binding

Business scene:

element ui select the components inside, whether to start the search by checking

 

 

solve:

On select a component bindings: filterable, whether the value is searchable checkbox values ​​true and false

 

    <el-select v-model="value"  :filterable="myOptions.isSearch"  placeholder="请选择">
      <el-option
        v-for="item in selData"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>

 

 

    <div class="param-gap">
        <label class="left" for="" title="是否可搜索">是否可搜索&nbsp;:</label>
        <div class="right">
            <input type="checkbox" v-model="params.isSearch" @change="updateData"/>
        </div>
    </div>

 

Perfect solution