mes-ui-d2/static/markdownFiles/article/图标选择组件使用方法.md

<p class="dd-mt-0">
  禁止用户输入 可以清空 icon = {{icon || '未选择'}}
  <i v-if="icon" :class="'fa fa-' + icon"></i>
</p>
<IconSelect v-model="icon"></IconSelect>

<p>
  禁止用户输入 不可以清空 icon2 = {{icon2 || '未选择'}}
  <i v-if="icon2" :class="'fa fa-' + icon2"></i>
</p>
<IconSelect v-model="icon2" :clearable="false"></IconSelect>

<p>
  用户可以输入 可以清空 icon3 = {{icon3 || '未选择'}}
  <i v-if="icon3" :class="'fa fa-' + icon3"></i>
</p>
<IconSelect v-model="icon3" :user-input="true"></IconSelect>

<p>
  用户可以输入 不可以清空 icon4 = {{icon4 || '未选择'}}
  <i v-if="icon4" :class="'fa fa-' + icon4"></i>
</p>
<IconSelect v-model="icon4" :user-input="true" :clearable="false"></IconSelect>