Vue.JS-nextTick中的错误：“；TypeError:无法读取属性‘；不良输入’；未定义的”；

我收到了这个错误：

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "TypeError: Cannot read property 'badInput' of undefined"

found in

---> <MdSelect> at src/components/MdField/MdSelect/MdSelect.vue
       <MdField> at src/components/MdField/MdField.vue
         <MdCardContent> at src/components/MdCard/MdCardContent/MdCardContent.vue
           <MdCard> at src/components/MdCard/MdCard.vue
             <MdContent> at src/components/MdContent/MdContent.vue
               <MdDialog> at src/components/MdDialog/MdDialog.vue
                 <Loading> at src/components/Loading.vue
                   <QuadroHorarioSalaNormal>
                     <Loading> at src/components/Loading.vue
                       <MdContent> at src/components/MdContent/MdContent.vue
                         <MdAppContent> at src/components/MdApp/MdAppContent.vue
                           <MdAppSideDrawer> at src/components/MdApp/MdAppSideDrawer.vue
                             <ComSidebarLayout> at src/layouts/ComSideBar.vue
                               <App> at src/App.vue
                                 <Root>

vue.runtime.esm.js？2b0e:619[vue warn]：下一步错误：“TypeError:无法读取未定义的属性'badInput'
发现于
--->在src/components/MdField/MdSelect/MdSelect.vue
在src/components/MdField/MdField.vue
位于src/components/MdCard/MdCardContent/MdCardContent.vue
位于src/components/MdCard/MdCard.vue
在src/components/MdContent/MdContent.vue
在src/components/MdDialog/MdDialog.vue
在src/components/load.vue处
在src/components/load.vue处
在src/components/MdContent/MdContent.vue
位于src/components/MdApp/MdAppContent.vue
位于src/components/MdApp/MdAppSideDrawer.vue
位于src/layouts/ComSideBar.vue
在src/App.vue

在“选择”对话框中选择选项时，会发生此错误：

<md-dialog :md-active.sync="showInserirDisciplina">
            <md-dialog-title><md-icon>article</md-icon> Incluir Disciplina</md-dialog-title>
            <md-content>
                <form novalidate class="md-layout" style="min-width: 500px;">
                    <md-card class="md-layout-item md-size-100 md-small-size-100">
                        <md-card-content>
                            <md-field>
                                <label for="disciplina"> Disciplina</label>
                                <md-select v-model="disciplina" name="disciplina" id="disciplina" @md-selected="carregaDisciplinasEquivalentes" class="filtro" style="color:#6361FB !important">
                                    <md-option :value="0" ></md-option>
                                    <md-option :value="c.codigoDisciplina" v-for="c in dadosDisciplinas">
                                        {{c.disciplina}}
                                    </md-option>
                                </md-select>
                            </md-field>

第条包括纪律
纪律
{{c.stricta}}

拜托，有人能帮我吗

向所有回复致以最诚挚的问候，

根据说明，这是vue材料代码库中的一个错误-看起来有人提供了PR，因此您可以通过升级版本来修复

就我个人而言，我按照用户“bart src”的建议迅速解决了这个问题，并简单地更改了我的本地代码：

找到节点\u modules\vue material\dist\vue-material.js

搜索isInvalidValue

替换代码：

旧版：

return this.$el.validity.badInput;

return this.$el.validity ? this.$el.validity.badInput : false;

新建：

return this.$el.validity.badInput;

return this.$el.validity ? this.$el.validity.badInput : false;

---

对我来说，这是~1059行

如果您查看stacktrace，则必须有一个指向MdSelect组件代码的条目-单击它，然后在代码中放置一个断点。然后复制错误-它将触发断点，然后您将能够看到调用堆栈，如果您在调用堆栈中选择不同的条目，您将能够看到该位置和时间点的变量值。这可能是组件中的错误，或者是代码中的错误（组件使用不当），但在进行调试之前，您无法判断。