search

xuliangzhan / vue-element-extends

🌴 基于 ElementUI 2.x 的扩展组件（已废弃 Have been abandoned）
MIT License
493 stars 166 forks source link

怎么把column设置为autoComplete？ #104

Closed yangwb1123 closed 5 years ago

yangwb1123 commented 5 years ago

描述 Describe 设置了:edit-render="{name: 'ElAutocomplete'}"，然后怎么实现自动完成功能

请提供能重现问题的链接（jsfiddle、jsrun） Expected behavior

请填写以下版本信息 please complete the following information vue: ? element-ui: ? vue-element-extends: ?

xuliangzhan commented 5 years ago

一样的，参数该怎么传还是怎么传 :edit-render="{name: 'ElAutocomplete',props:{}}"

yangwb1123 commented 5 years ago

@xuliangzhan props: {}里面怎么写，怎么实现饿了么ui complete 的 fetch-suggestions？

yangwb1123 commented 5 years ago

@xuliangzhan 源码里面没看到怎么实现的逻辑

xuliangzhan commented 5 years ago

不管参数还是事件都是一样传的，具体的你要去看 element 文档

     <elx-editable-column
        prop="name"
        label="Name"
        :edit-render="{name: 'ElAutocomplete', props: {fetchSuggestions: querySearchAsync, placeholder: '请输入内容'}, events: {select: handleSelect}}">
      </elx-editable-column>

      <elx-editable-column
        prop="name"
        label="Name"
        :edit-render="{type: 'default'}">
        <template v-slot:edit="scope">
          <el-autocomplete
            v-model="scope.row.name"
            :fetch-suggestions="querySearchAsync"
            placeholder="请输入内容"
            @select="handleSelect"></el-autocomplete>
        </template>
      </elx-editable-column>
yangwb1123 commented 5 years ago

@xuliangzhan 知道了，还有个小问题：当列中的数据值有逗号时，导出CSV会把那一列以逗号分割成两列http://jsrun.net/sZyKp/edit