vue html属性绑定

业务场景：

element ui里面select的组件，通过勾选是否启动搜索功能

解决：

在select组件上绑定一个 :filterable,值就是是否可搜索的checkbox的值 true和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>

完美解决

vue html属性绑定

推荐阅读