记录element-ui使用select组件的坑

710 阅读1分钟

首先报错 vue.runtime.esm.js?c320:619 [Vue warn]: Injection "select" not found

found in

---> at packages/select/src/option.vue at src/App.vue warn @ vue.runtime.esm.js?c320:619 resolveInject @ vue.runtime.esm.js?c320:2486 initInjections @ vue.runtime.esm.js?c320:2436 Vue._init @ vue.runtime.esm.js?c320:5019 VueComponent @ vue.runtime.esm.js?c320:5168 createComponentInstanceForVnode @ vue.runtime.esm.js?c320:3304 init @ vue.runtime.esm.js?c320:3133 createComponent @ vue.runtime.esm.js?c320:6022 createElm @ vue.runtime.esm.js?c320:5969 createChildren @ vue.runtime.esm.js?c320:6097 createElm @ vue.runtime.esm.js?c320:5998 createChildren @ vue.runtime.esm.js?c320:6097 createElm @ vue.runtime.esm.js?c320:5998 patch @ vue.runtime.esm.js?c320:6521 Vue._update @ vue.runtime.esm.js?c320:3960 updateComponent @ vue.runtime.esm.js?c320:4081 get @ vue.runtime.esm.js?c320:4495 Watcher @ vue.runtime.esm.js?c320:4482 mountComponent @ vue.runtime.esm.js?c320:4088 Vue.mount@vue.runtime.esm.js?c320:8459init@vue.runtime.esm.js?c320:3137merged@vue.runtime.esm.js?c320:3322createComponent@vue.runtime.esm.js?c320:6022createElm@vue.runtime.esm.js?c320:5969updateChildren@vue.runtime.esm.js?c320:6260patchVnode@vue.runtime.esm.js?c320:6363patch@vue.runtime.esm.js?c320:6526Vue.update@vue.runtime.esm.js?c320:3963updateComponent@vue.runtime.esm.js?c320:4081get@vue.runtime.esm.js?c320:4495run@vue.runtime.esm.js?c320:4570flushSchedulerQueue@vue.runtime.esm.js?c320:4326eval@vue.runtime.esm.js?c320:1989flushCallbacks@vue.runtime.esm.js?c320:1915Promise.then(异步)timerFunc@vue.runtime.esm.js?c320:1942nextTick@vue.runtime.esm.js?c320:1999queueWatcher@vue.runtime.esm.js?c320:4418update@vue.runtime.esm.js?c320:4560Vue.mount @ vue.runtime.esm.js?c320:8459 init @ vue.runtime.esm.js?c320:3137 merged @ vue.runtime.esm.js?c320:3322 createComponent @ vue.runtime.esm.js?c320:6022 createElm @ vue.runtime.esm.js?c320:5969 updateChildren @ vue.runtime.esm.js?c320:6260 patchVnode @ vue.runtime.esm.js?c320:6363 patch @ vue.runtime.esm.js?c320:6526 Vue._update @ vue.runtime.esm.js?c320:3963 updateComponent @ vue.runtime.esm.js?c320:4081 get @ vue.runtime.esm.js?c320:4495 run @ vue.runtime.esm.js?c320:4570 flushSchedulerQueue @ vue.runtime.esm.js?c320:4326 eval @ vue.runtime.esm.js?c320:1989 flushCallbacks @ vue.runtime.esm.js?c320:1915 Promise.then(异步) timerFunc @ vue.runtime.esm.js?c320:1942 nextTick @ vue.runtime.esm.js?c320:1999 queueWatcher @ vue.runtime.esm.js?c320:4418 update @ vue.runtime.esm.js?c320:4560 Vue.forceUpdate @ vue.runtime.esm.js?c320:3984 eval @ index.js?0e5a:244 eval @ index.js?0e5a:242 eval @ index.js?0e5a:119 eval @ Home.vue?778d:29 ./src/pages/Home.vue @ app.js:30 webpack_require @ app.js:257 _requireSelf @ app.js:530 apply @ app.js:1219 (匿名) @ app.js:758 internalApply @ app.js:756 (匿名) @ app.js:697 waitForBlockingPromises @ app.js:650 (匿名) @ app.js:695 Promise.then(异步) (匿名) @ app.js:694 Promise.then(异步) (匿名) @ app.js:673 Promise.then(异步) hotCheck @ app.js:664 check @ dev-server.js?2743:14 eval @ dev-server.js?2743:27 Promise.then(异步) check @ dev-server.js?2743:15 eval @ dev-server.js?2743:55 emit @ events.js?b914:153 reloadApp @ reloadApp.js?7531:46 ok @ index.js?10ef:175 eval @ socket.js?d6e0:57 client.onmessage @ WebSocketClient.js?5586:50 显示另外 4 个框架 vue.runtime.esm.js?c320:619 [Vue warn]: Error in created hook: "TypeError: Cannot read properties of undefined (reading 'options')"

found in

--------------------------------------------------------------------解决方法:查看el-option是否包含在el-select中