一个简单的带搜索框的单选框组件(vue+elment-ui)

效果图

注意事项

此组件是基于vue和elementui 请先安装elementui

组件内容

 <template>
    <!-- 添加和修改标签弹出框 -->
    <el-dialog :title="title" :visible.sync="open" width="350px" append-to-body :close-on-click-modal="false">
        <el-input
                v-model="context"
                placeholder="搜索标签"
                prefix-icon="el-icon-search"
                clearable
                @keyup.enter.native="search()"/>
        <div style="margin-top: 20px">已选标签: {
   {
   selectData.name}}</div>
        <div class="tagsDiv">
            <div v-for="item in searchData" v-bind:key="item.id">
                <el-radio  v-model="id"  :label="item.id" size="medium" class="tagDiv">{
   {
   item.name}}</el-radio>
            </div>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submit" >确 定</el