javascript - 关于webpack+vue-router,在以.vue结尾的组件中导入js的问题
大家讲道理
大家讲道理 2017-04-11 11:48:33
[JavaScript讨论组]

如图所示,我导入了js文件,webpack监听器没有报错,但是我下面这个方法却说是Myvalidate这个方法是未定义的,这个方法是写在form.js里面的。求各位大神帮忙看看。QAQ图片描述
var MyValidator = function() {

var handleSubmit = function() {  
    $('.form-horizontal').validate({  
        errorElement : 'span',  
        errorClass : 'help-block',  
        focusInvalid : false,  
        rules : {  
            name : {  
                required : true  
            },  
            password : {  
                required : true  
            },  
            intro : {  
                required : true  
            },
            short_name:{
                required : true
            }  
        },  
        messages : {  
            name : {  
                required : "Username is required."  
            },  
            password : {  
                required : "Password is required."  
            },  
            intro : {  
                required : "Intro is required."  
            },
            short_name : {
                required : "公司简称不能为空"
            }  
        },  

        highlight : function(element) {  
            $(element).closest('.form-group').addClass('has-error');  
        },  

        success : function(label) {  
            label.closest('.form-group').removeClass('has-error');  
            label.remove();  
        },  

        errorPlacement : function(error, element) {  
            element.parent('p').append(error);  
        },  

        submitHandler : function(form) {  
            form.submit();  
        }  
    });  

    $('.form-horizontal input').keypress(function(e) {  
        if (e.which == 13) {  
            if ($('.form-horizontal').validate().form()) {  
                $('.form-horizontal').submit();  
            }  
            return false;  
        }  
    });  
}  
return {  
    init : function() {  
        handleSubmit();  
    }  
};  

}();
module.exports = MyValidator;

  



这是组件里js部分的内容

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
高洛峰

你一定是在开玩笑。

上面导入是这么写的:

import validate from '../../public/js/depend/validate/jquery.validate.js';

下面使用却用:

MyValidator.init();

哪里有MyValidator啊?你引入的变量不是叫validate么,那你好歹也得写成:

validate.init();

最后我要吐槽下你那个描述,也太潦草了,要先好好学习markdown

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号