Webix as Vue调用方法

Question

如何从Webix部件调用event onAfterDrop中的storeNewOrder方法？

this.$emit.storeNewOrder()和storeNewOrder()不起作用

   export default {
        template:"<div></div>",

        props:
            ['url'],

        computed: mapGetters({

        }),

        mounted:function(){
            this.webixId = webix.ui({
                container: this.$el,
                $scope: this,
                view:"treetable",
                height: 600,
                id: 'project',

                headermenu: true,
                resizeColumn: true,
                select: "row",
                dragColumn:true,
                headerRowHeight:40,
                drag:true,
                columns: [
                    {id: "order_column",header:"Id",  width: 50, sort: "int"},
                    {id: "value", header:"Bezeichnung",fillspace: true, minWidth: 200,  sort: "string", template:"{common.treetable()} #value#" },
                    {id:"created_at", map:"(date)#created_at#", header:["Erstellt am", { content:"dateRangeFilter"}],  adjust: true },
                ],
                on: {
                    onSelectChange: function(){
                        store.commit('setSelectedPart', this.getItem(this.getSelectedId(true)))
                    },
                    onItemDblClick: function () {
                        store.commit('setPartView', 'detail')
                    },
                    onAfterLoad: function () {

                        if (selectedRowId) {
                            this.select(selectedRowId)
                            this.showItem(selectedRowId)
                        }
                    },
                    onAfterDrop: function(context, native_event){
                        storeNewOrder() //how to call the method storeNewOrder?
                    }

                },
                url: this.url
            })
        },

        methods: {
            storeNewOrder: function() {
                //store new order
            }
        },
        destroyed:function(){
            webix.$$(this.webixId).destructor();
        }
    }

Answer 1

您应该使用this.storeNewOrder()调用它，但我怀疑它可能超出了范围。

因此，在mounted函数的顶部：

const self = this;

this.webixId = webix.ui({
...

然后用self.storeNewOrder()调用它

两种方法都可以尝试。