element-ui源码修改,复制组件源码,单独引入,依赖安装问题,select组件为例

项目中经常会遇到需要修改element源码的情况,修改node_modules下边的packages是不起作用的,因为项目引用的是编译后的代码,想要复制组件源码,单独引入,要将packages里边对应的组件单独拎出来,引入。

同时需要安装一部分依赖

  npm install
  babel-plugin-syntax-jsx
  babel-plugin-transform-vue-jsx
  babel-helper-vue-jsx-merge-props
  babel-preset-env
  --save-dev

安装上述依赖后,源代码组件就可以成功运行

Header.vue

          <fselect
            ref="searchSelect"
            v-model="value"
            :multiple-limit="mulLimitNum"
            filterable
            multiple
            remote
            clearable
            :popper-append-to-body="false"
          >
            <el-option
              v-for="item in options"
              :key="item.code"
              :label="item.name"
              :value="item.type === '2' ? 'area_' + item.code : item.code"
              :disabled="item.disabled">
            </el-option>
          </fselect>


import fselect from './select/src/select.vue'

components: {
    fselect
}

这时候就可以在拷出来的select目录下愉快的写代码啦 


版权声明:本文为weixin_39924143原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。