9.Vue.js实例：处理表单实例

最新推荐文章于 2025-01-15 09:14:41 发布
原创 最新推荐文章于 2025-01-15 09:14:41 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了Vue.js中如何使用v-model指令实现不同类型的表单输入控件的双向数据绑定，包括文本框、复选框、单选按钮、下拉列表及多选下拉列表。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="css/special.css" rel="stylesheet" />
    <script src="js/vue.min.js"></script>
</head>
<body>
    <div class="pc-content">
        <pre>基本用法
你可以在表单的 input 元素上使用 v-model 指令来创建双向数据绑定。它会根据 input 元素的类型自动选取正确的绑定模式。
</pre>
        <form id="demo">
            <!-- text -->           
            <p>
                <input type="text" v-model="msg" class="input-text">
                {{msg}}
            </p>
            <!-- checkbox -->
            <p>
                <input type="checkbox" v-model="checked">
                {{checked ? "yes" : "no"}}
            </p>
            <!-- radio buttons -->
            <p>
                <input type="radio" name="picked" value="one" v-model="picked">
                <input type="radio" name="picked" value="two" v-model="picked">
                {{picked}}
            </p>
            <!-- select -->
            <p>
                <select v-model="selected">
                    <option>one</option>
                    <option>two</option>
                </select>
                {{selected}}
            </p>
            <!-- multiple select -->
            <p>
                <select v-model="multiSelect" multiple>
                    <option>one</option>
                    <option>two</option>
                    <option>three</option>
                </select>
                {{multiSelect}}
            </p>


        </form>
    </div>
    <script type="text/javascript">
        new Vue({
            el: '#demo',
            data: {
                msg: 'hi!',
                checked: true,
                picked: 'one',
                selected: 'two',
                multiSelect: ['one', 'three']
            }
        });
    </script>
</body>
</html>
30.Vue收集表单数据
爱米酱的博客
07-16 544
收集表单数据若,则v-model收集的是value值，用户输入的就是value值若,则v-model收集的是value值，且要给标签配置value值。若1.没有配置input的value属性，那么收集的就是checked(勾选or未勾选，是布尔值)2.配置了input的value属性（1）v-model的初始值是非数组，那么收集的就是checked（勾选or未勾选，是布尔值）https。......
6.Vue.js前端框架：事件处理
小白_xm
04-23 1528
1. v-on 事件监听 监听DOM事件使用 v-on 指令。该指令通常在模板中直接使用，在触发事件时会执行一些 JavaScript 代码。 v-on 指令的基本用法 （1）在 HTML 中使用 v-on 指令，后面可以是所有的原生事件名称。基本用法如下： <button v-on:click="show">显示</button> 将 click 单击事件绑定到 show 方法中，单击“显示”按钮时，执行 show() 方法，show() 方法在 Vue实例中定义。 （2）在使用
vue实现表单录入小案例
10-16
主要为大家详细介绍了vue实现表单录入小案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
基于VueElementUI快速创建生成表单进行数据校验获取表单数据
08-10
基于Vue,ElementUI快速创建生成表单，进行数据校验，获取表单数据
Vue表单实例
mmm_morning的博客
10-30 473
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单提
vue表单所有实例
马优晨
04-01 5876
这里我将Vue官网的所有表单属性进行了实现，包括各种表单的数据操作（比如设置默认值，选中值，等等~）。 下面代码可以直接参考使用，希望使你工作效率飞一般的快！ &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name=&quot
精选资源
VueJS2-TheCompleteGuide-incl.VueRouter-Vuex-:udemy的运动
04-30
5. **生命周期钩子函数**：了解Vue实例从创建到销毁的过程，学习如何在不同的生命周期阶段执行自定义逻辑，如beforeCreate、created、beforeMount、mounted、updated、beforeDestroy和destroyed等。 6. **条件与...
7.Vue.js前端框架：表单控制绑定
小白_xm
04-25 1665
1. 绑定文本框 文本框的绑定需要使用 v-model 指令。v-model 指令会根据控件类型自动选择正确的方法来更新元素。在表单中，文本框是最基本的表单控件类型，它分为单行文本框和多行文本框。 1.1 单行文本框 单行文本框用户输入单行文本，可以使用 v-model 指令对单行文本框进行数据绑定，下述代码中，应用 v-model 指令将单行文本框的值和 Vue 实例中的 message 属性值进行绑定后，当单行文本框中的内容发生变化时，message 属性值也会发生相应的变化。示例代码如下： <d
探索 Vue.js 组件开发的新边界：动态表单生成技术
桂月二二博客
01-15 1135
通过以上技术和优化方案，动态表单生成不仅在业务开发中能大幅提升效率，还体现了 Vue.js 作为前端框架的强大灵活性和可扩展性。如果您对动态表单技术有新的见解或问题，欢迎在评论区讨论！
2.Vue.js前端框架：基础特性
小白_xm
04-12 1835
2.1 Vue实例及选项 每个Vue.js的应用都需要通过构造函数创建一个Vue的实例。创建一个Vue实例的语法格式如下： var vm = new Vue ({ //选项 }) 在创建对象实例时，可以在构造函数中传入一个选项对象。选项对象中包括挂载元素、数据、方法、生命周期钩子函数等选项。下述分别对这几个选项进行介绍。 在学习Vue阶段，建议使用HBuilder编程工具，该编译工具操作简单易于上手，使用HBuilder编程工具时，先将Vue.js文件导入创建的工程
Vue.js 表单
随风而逝的博客
07-29 204
Vue.js 表单 这节我们为大家介绍 Vue.js 表单上的应用。 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 输入框 实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定： <div id="app"> <p>input 元素：&l...
Vue框架下的表单提交案列
qq_41096610的博客
01-10 590
最近在熟悉vue，发现了许多好玩的东西，下面是在vue框架下实现简单表单提交： HTML部分： ```clike <div id="app"> <form action="/xxx" @submit.prevent="handleSubmit"></form> <span>Name:</span> <input t...
Vue.js表单操作
qq_36772604的博客
06-25 3124
今天学习了一下Vue 的表单操作，现在就来记录一下学到了那些东西吧。主要就是对表单各种组件的控制。例如Input，textarea，select等...用完之后发现果然是方便了不少，之前纯js操作十几行代码才能解决的现在一两行就完事儿。好了，废话不多说，直接开始。主要用到的就是vue的V-model，这个v-mode呢形象点说就像是一个跟屁虫，你干嘛它就干嘛(组件干嘛它就干嘛)，也就是双向绑定。首...
一个基础但全面的Vue的表单范例，很基础，但是很容易，也很全面。
weixin_42595747的博客
08-15 460
下面这个案例，路人朋友们可以直接粘贴到html文件类型中运行，注意引入Vuejs的路径即可，不会改的可以参考我第一篇Vue入门，同时建议同志们手打，真的前端都不能熟能生巧，既不要编程了，可以详细看注释，这是一个Vue的表单，基本涵盖了大部分内容，美观的话没有考虑css，后续可以考虑引入第三方插件，譬如阿里巴巴矢量库，Echarts或者其他的UI设计师。书山有路勤为径，学海无涯苦作舟，看到尤雨溪大佬每天的工作，我就打了鸡血，要向他学习！
vue表单提交的简单示例详细讲解
weixin_44514665的博客
11-29 5270
基本的示例 表单提交一般是在开发管理系统的时候使用最多。有时候你会需要自定义表单内容以及校验规则。以下是关于Form的属性讲解和一个简单的示例。 给定一个表单，包含有四个内容姓名、年龄、邮箱、爱好，其中除了爱好以外都是必填项。 在这里我把错误信息统一显示在顶部。 实际开发中错误信息一般是在输入框后面或是下面显示 关于表单form的一些属性 首先我们来看一下表单form的一些属性 id：表单的...
VUE表单demo v-model双向绑定
黎成诃月的博客
06-29 337
&lt;div id="app"&gt; &lt;textarea v-model = "message" placeholer = '请在此输入文字'&gt;&lt;/textarea&gt; &lt;span&gt;{{message}}&lt;/span&gt; &lt;/br&gt; &lt;input type=&quot
vue.js表单
余月初贰的博客
08-11 488
你可以使用v-model指令在表单控件元素上创建双向数据绑定。 v-model会根据控件类型自动选取正确的方法来更新元素。 没有数组value的值时，v-model收集的就是check的属性。 配置v-model值是数组，那么收集的就是value的值。 配置v-model值是字符串，那么收集的值checked的值（布尔值）...
vue 小案例 表单录入
小羽向前跑
02-26 661
最终效果： &lt;template&gt; &lt;div id="app"&gt; &lt;!--第一部分--&gt; &lt;fieldset&gt; &lt;legend&gt;学生录入系统&lt;/legend&gt; &lt;div&gt; &lt;span&gt;姓名:&l
你给的代码有好多错啊 10main.vue:189 [Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header. setColumnRenders @ index.js:1 boundFn @ vue.esm.js:186 (匿名) @ index.js:1 (匿名) @ index.js:1 created @ index.js:1 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 updateChildren @ vue.esm.js:5655 patchVnode @ vue.esm.js:5735 patch @ vue.esm.js:5884 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 main.vue:189 [Vue warn]: Invalid handler for event “close”: got undefined found in —> <EquipmentDetail> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfoDetail.vue <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 updateListeners @ vue.esm.js:1957 updateComponentListeners @ vue.esm.js:2348 initEvents @ vue.esm.js:2324 (匿名) @ vue.esm.js:4470 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 patch @ vue.esm.js:5879 (匿名) @ vue.esm.js:2562 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 Watcher @ vue.esm.js:3022 mountComponent @ vue.esm.js:2694 (匿名) @ vue.esm.js:8226 (匿名) @ vue.esm.js:10540 init @ vue.esm.js:3986 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 createChildren @ vue.esm.js:5496 createElm @ vue.esm.js:5401 updateChildren @ vue.esm.js:5655 patchVnode @ vue.esm.js:5735 patch @ vue.esm.js:5884 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 dictionary.js:70 (7) [‘equipment_category’, ‘equipment_subcategory’, ‘accuracy_level’, ‘ownership_type’, ‘equipment_status’, ‘storage_status’, ‘inspection_status’] cmmsEquipmentInfo.vue:465 [Vue warn]: Property or method “closeDetail” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. found in —> <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 warnNonPresent @ vue.esm.js:1845 get @ vue.esm.js:1888 render @ cmmsEquipmentInfo.vue:465 (匿名) @ vue.esm.js:4390 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 main.vue:189 [Vue warn]: Invalid handler for event “close”: got undefined found in —> <EquipmentDetail> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfoDetail.vue <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 updateListeners @ vue.esm.js:1957 updateComponentListeners @ vue.esm.js:2348 updateChildComponent @ vue.esm.js:2758 prepatch @ vue.esm.js:3997 patchVnode @ vue.esm.js:5724 updateChildren @ vue.esm.js:5632 patchVnode @ vue.esm.js:5735 patch @ vue.esm.js:5884 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 cmmsEquipmentInfo.vue:465 [Vue warn]: Property or method “closeDetail” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. found in —> <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 warnNonPresent @ vue.esm.js:1845 get @ vue.esm.js:1888 render @ cmmsEquipmentInfo.vue:465 (匿名) @ vue.esm.js:4390 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 _callee$ @ cmmsEquipmentInfo.vue:339 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:28 Promise.then step @ asyncToGenerator.js:27 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 getDataList @ cmmsEquipmentInfo.vue:346 boundFn @ vue.esm.js:187 activated @ cmmsEquipmentInfo.vue:316 callHook @ vue.esm.js:2817 activateChildComponent @ vue.esm.js:2792 insert @ vue.esm.js:4022 invokeInsertHook @ vue.esm.js:5759 patch @ vue.esm.js:5964 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 cmmsEquipmentInfo.vue:339 [Vue warn]: Invalid handler for event “close”: got undefined found in —> <EquipmentDetail> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfoDetail.vue <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 updateListeners @ vue.esm.js:1957 updateComponentListeners @ vue.esm.js:2348 updateChildComponent @ vue.esm.js:2758 prepatch @ vue.esm.js:3997 patchVnode @ vue.esm.js:5724 updateChildren @ vue.esm.js:5632 patchVnode @ vue.esm.js:5735 patch @ vue.esm.js:5884 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 _callee$ @ cmmsEquipmentInfo.vue:339 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:28 Promise.then step @ asyncToGenerator.js:27 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 getDataList @ cmmsEquipmentInfo.vue:346 boundFn @ vue.esm.js:187 activated @ cmmsEquipmentInfo.vue:316 callHook @ vue.esm.js:2817 activateChildComponent @ vue.esm.js:2792 insert @ vue.esm.js:4022 invokeInsertHook @ vue.esm.js:5759 patch @ vue.esm.js:5964 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 cmmsEquipmentInfo.vue:465 [Vue warn]: Property or method “closeDetail” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. found in —> <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 warnNonPresent @ vue.esm.js:1845 get @ vue.esm.js:1888 render @ cmmsEquipmentInfo.vue:465 (匿名) @ vue.esm.js:4390 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ cmmsEquipmentInfo.vue:383 Promise.then (匿名) @ cmmsEquipmentInfo.vue:382 F @ _export.js:36 getDictionaries @ cmmsEquipmentInfo.vue:372 boundFn @ vue.esm.js:187 activated @ cmmsEquipmentInfo.vue:317 callHook @ vue.esm.js:2817 activateChildComponent @ vue.esm.js:2792 insert @ vue.esm.js:4022 invokeInsertHook @ vue.esm.js:5759 patch @ vue.esm.js:5964 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723 cmmsEquipmentInfo.vue:383 [Vue warn]: Invalid handler for event “close”: got undefined found in —> <EquipmentDetail> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfoDetail.vue <CmmsEquipmentInfo> at src\views\modules\cmmsEquipmentInfo\cmmsEquipmentInfo.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <MainContent> at src\views\main-content.vue <Main> at src\views\main.vue <App> at src\App.vue <Root> warn @ vue.esm.js:571 updateListeners @ vue.esm.js:1957 updateComponentListeners @ vue.esm.js:2348 updateChildComponent @ vue.esm.js:2758 prepatch @ vue.esm.js:3997 patchVnode @ vue.esm.js:5724 updateChildren @ vue.esm.js:5632 patchVnode @ vue.esm.js:5735 patch @ vue.esm.js:5884 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ cmmsEquipmentInfo.vue:383 Promise.then (匿名) @ cmmsEquipmentInfo.vue:382 F @ _export.js:36 getDictionaries @ cmmsEquipmentInfo.vue:372 boundFn @ vue.esm.js:187 activated @ cmmsEquipmentInfo.vue:317 callHook @ vue.esm.js:2817 activateChildComponent @ vue.esm.js:2792 insert @ vue.esm.js:4022 invokeInsertHook @ vue.esm.js:5759 patch @ vue.esm.js:5964 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 proxySetter @ vue.esm.js:3225 (匿名) @ main.vue:189 Promise.then getUserInfo @ main.vue:184 boundFn @ vue.esm.js:187 created @ main.vue:93 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4476 VueComponent @ vue.esm.js:4646 createComponentInstanceForVnode @ vue.esm.js:4163 init @ vue.esm.js:3980 createComponent @ vue.esm.js:5425 createElm @ vue.esm.js:5361 patch @ vue.esm.js:5915 (匿名) @ vue.esm.js:2572 updateComponent @ vue.esm.js:2690 get @ vue.esm.js:3033 run @ vue.esm.js:3110 flushSchedulerQueue @ vue.esm.js:2876 (匿名) @ vue.esm.js:1783 flushCallbacks @ vue.esm.js:1704 Promise.then microTimerFunc @ vue.esm.js:1752 nextTick @ vue.esm.js:1796 queueWatcher @ vue.esm.js:2963 update @ vue.esm.js:3100 notify @ vue.esm.js:677 reactiveSetter @ vue.esm.js:994 (匿名) @ vue-router.esm.js:2508 (匿名) @ vue-router.esm.js:2507 updateRoute @ vue-router.esm.js:1997 (匿名) @ vue-router.esm.js:1875 (匿名) @ vue-router.esm.js:1984 step @ vue-router.esm.js:1714 step @ vue-router.esm.js:1721 step @ vue-router.esm.js:1721 runQueue @ vue-router.esm.js:1725 (匿名) @ vue-router.esm.js:1979 step @ vue-router.esm.js:1714 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ vue-router.esm.js:1792 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 step @ vue-router.esm.js:1721 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 beforeEnter @ index.js:47 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 (匿名) @ vue-router.esm.js:1718 (匿名) @ vue-router.esm.js:1964 (匿名) @ index.js:64 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 replace @ vue-router.esm.js:2285 (匿名) @ vue-router.esm.js:1958 _callee$ @ index.js:78 tryCatch @ runtime.js:62 invoke @ runtime.js:296 (匿名) @ runtime.js:114 step @ asyncToGenerator.js:17 (匿名) @ asyncToGenerator.js:35 F @ _export.js:36 (匿名) @ asyncToGenerator.js:14 (匿名) @ index.js:66 Promise.then (匿名) @ index.js:70 iterator @ vue-router.esm.js:1943 step @ vue-router.esm.js:1717 runQueue @ vue-router.esm.js:1725 confirmTransition @ vue-router.esm.js:1972 transitionTo @ vue-router.esm.js:1874 init @ vue-router.esm.js:2499 beforeCreate @ vue-router.esm.js:540 callHook @ vue.esm.js:2817 (匿名) @ vue.esm.js:4472 Vue$3 @ vue.esm.js:4571 ./src/main.js @ main.js:109 webpack_require @ bootstrap c8219a0eed343174f276:677 fn @ bootstrap c8219a0eed343174f276:87 0 @ department-query-dialog.vue:46 webpack_require @ bootstrap c8219a0eed343174f276:677 (匿名) @ bootstrap c8219a0eed343174f276:723 (匿名) @ bootstrap c8219a0eed343174f276:723
最新发布
06-10
所以，这个错误可能是由于在父组件（`cmmsEquipmentInfo.vue`）中使用了`EquipmentDetailDialog`组件，但没有正确传递`close`事件处理函数。但是，我们当前组件的代码中，`handleCancel`方法是存在的，所以不应该在`...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值