Question

这是我网站上的代码：

即使在IE9中通过JSFiddle工作也很好，但是当我用Webpack编译它时，我的代码只会使用默认值..他们不会在Vue js ready方法中更新，点击方法，什么也没有。< / p>

HTML：

<div class="locator">
    <div class="locator-wrapper">
        <a title="Dealer Locator" v-class="active" href="locator">Dealer Locator</a>
        <div class="zip-dropdown" v-class="slide">
            <form action="/" method="post">
                <input name="zip" type="text" placeholder="Zip Code">
                    <button name="search-locator" type="submit"><i class="fa fa-search"></i></button>
                    </form>
                </div>
        </div>
    </div>

Vue的：

var DealerLocator = new Vue({
    el: '.locator',

    data: {
        slide: 'slideUp',
        active: 'inactive'
    },

    ready: function() {
        var self = this;

        $(this.$el).on({
            mouseenter: function() {
                self.slide = 'slideDown';
                self.active = 'activated';
            },
            mouseleave: function() {
                self.slide = 'slideUp';
                self.active = 'inactive';
            }
        });
    }
});

CSS无关紧要，因为我正在检查悬停在它上面的元素，并且该类不会发生变化，但是在IE9中它会改变。它在Chrome，Firefox，IE10 +中运行良好，但它在IE9中无法运行。我用Webpack编译这个脚本。这是问题。当我直接在app.js文件中有代码时，它可以工作。但是当我require()时，它就无法工作。

我的主要app.js文件如下所示：

var Vue = require('vue');

require('./instances/locator/DealerLocator');

这就是我的webpack配置的外观：

module.exports = {
    entry: './resources/assets/js/app.js',
    output: {
        path: './public/build/js',
        filename: 'app.js'
    },
    module: {
        loaders: [
            { test: /\.styl$/, loader: "css" },
            { test: /\.html$/, loader: "html" }
        ]
    }
}

感谢您的帮助。我不确定为什么它会读取Vue模块，但它不会在任何方法中更新它们的属性。

Webpack IE9 require（）打破了脚本

0 个答案: