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

Question

当我想在任何字段中附加一个 datepicker(jquery-ui) 时，我在 Vuejs 1.0 中有一个指令。

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指令接口更改。

指令不再有实例——这意味着指令钩子中不再有 this，并且 bind、update 和 unbind 现在接收所有内容作为参数。

在 vue 2 中做到这一点的最好方法是制作一个自定义组件。