如何检测vue treeselect中的变化

Question

我正在使用 vue 树select 从下拉列表中 select 多个工作日。它运行良好，但我想在进行更改时运行一段代码。我已阅读 documentation 但不明白如何使用事件。我想我可能需要 select 事件。感谢您的帮助！

HTML:

<treeselect :multiple="true"
        :options="options"
        :openOnClick="true"
        :clearable="false"
        :beforeClearAll="false"
        :allowClearingDisabled="true"
        :select="dayChange()" //I know this doesn't work!
        v-model="days" /> <treeselect-value :value="days" />

JS:

vm = new Vue({
        el: ".my-app",
        data: {
            ...,
            options: [
                { id: 1, label: "Monday" },
                { id: 2, label: "Tuesday" },
                { id: 3, label: "Wednesday" },
                { id: 4, label: "Thursday" },
                { id: 5, label: "Friday" },
                { id: 6, label: "Saturday" },
                { id: 7, label: "Sunday" }
            ],
            ...
        },

        methods: {
            dayChange: function () {
                alert("changed");
            },
        }
})

Answer 1

你在滥用事件，你不应该按如下方式将事件绑定到它的处理程序：

@select="dayChange"

或

v-on:select="dayChange"

: 绑定符号用于 props 而不是事件

在你的方法中你应该有：

   methods: {
            dayChange: function (node, instanceId) {
                alert("changed");
            },
        }

如何检测vue treeselect中的变化

How to detect change in vue treeselect

javascript

vue.js

vuejs2

vue-component

vue-treeselect