Vuejs 2.0中的自定义指令jquery-ui datepicker

Question

我想在Vuejs 1.0中有一个指令，我想在任何字段中附加一个datepicker（jquery-ui）。

datepicker: {

        bind: function () {

            var vm = this.vm;

            var key = this.expression;

            $(this.el).datepicker({

                minDate: vm.$parent.startingDate,

                dateFormat: 'dd/mm/yy',

                onSelect: function (date) {

                    vm.$set(key, date);

                }

            });

        },

        update: function (val) {

            $(this.el).datepicker('setDate', val);

        }

    }

此代码不适用于Vuejs 2.0，因为该指令发生了巨大变化。在我尝试为这个构建一个组件之前，我很想知道如何在Vuejs 2.0中做这样的事情。

Answer 1

请检查https://github.com/vuejs/vue/issues/2873指令界面更改。

指令不再具有实例 - 这意味着不再有这个内部指令挂钩和绑定，更新和取消绑定现在接收所有作为参数。

在vue 2中执行此操作的最佳方法是制作自定义组件。