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

Question

当我想在任何字段中附加日期选择器（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 内部指令挂钩和绑定，更新和解除绑定现在接收所有内容作为参数。

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

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

Custom directive jquery-ui datepicker in Vuejs 2.0

vue.js

vuejs2