项目中经常会遇到需要修改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版权协议,转载请附上原文出处链接和本声明。