在项目中需要修改一下element 封装好的组件, 这里记录一下具体流程.

这里需要注意, 直接在项目的node_modules里修改时没有用的, 需要先从git上拉到elementUI的源文件，在本地调试后, 编译, 再把lib文件夹去替换node_mmodules中的对应文件夹.

1. 拉取如图所示的项目

从github上下载源码

https://github.com/ElemeFE/element.git
cd element
npm install

上图中的lib在原项目中是没有的, 编译后才会出现

2. 修改代码

这里用一个下拉组件select做演示:
修改前:

现在需要把下拉框的后缀箭头去掉

1. 进入packages文件夹, 找到select文件夹

在一个el-input组件中, v-model对应的selectedLabel就是我们要修改的组件:

 <el-input
      ref="reference"
      v-model="selectedLabel"
      type="text"
      :placeholder="currentPlaceholder"
      :name="name"
      :id="id"
      :autocomplete="autoComplete || autocomplete"
      :size="selectSize"
      :disabled="selectDisabled"
      :readonly="readonly"
      :validate-event="false"
      :class="{ 'is-focus': visible }"
      :tabindex="(multiple && filterable) ? '-1' : null"
      @focus="handleFocus"
      @blur="handleBlur"
      @input="debouncedOnInputChange"
      @keydown.native.down.stop.prevent="handleNavigate('next')"
      @keydown.native.up.stop.prevent="handleNavigate('prev')"
      @keydown.native.enter.prevent="selectOption"
      @keydown.native.esc.stop.prevent="visible = false"
      @keydown.native.tab="visible = false"
      @compositionstart="handleComposition"
      @compositionupdate="handleComposition"
      @compositionend="handleComposition"
      @mouseenter.native="inputHovering = true"
      @mouseleave.native="inputHovering = false">
      <template>
        <span>user</span>
      </template>
      <template slot="prefix" v-if="$slots.prefix">
        <slot name="prefix"></slot>
      </template>
      <template slot="suffix">
        <i v-show="!showClose" :class="['el-select__caret', 'el-input__icon', 'el-icon-' + iconClass]"></i>
        <i v-if="showClose" class="el-select__caret el-input__icon el-icon-circle-close" @click="handleClearClick"></i>
      </template>
    </el-input>