像 vue.js 组件一样可排序（没有 npm / webpack）或在 vue 区域内使用 jQuery 插件

Posted 2023-02-22

【中文标题】像 vue.js 组件一样可排序（没有 npm / webpack）或在 vue 区域内使用 jQuery 插件

【英文标题】：Sortable like vue.js component (without npm / webpack) or use jQuery plugin within vue area

【发布时间】：2021-08-15 15:37:09

【问题描述】：

我有一个在服务器端呈现表格的 ASP.NET Core 应用程序，其中一些非常复杂。 我曾经使用 sorttable：让所有表格可排序，以使表格可排序；现在因为我已经包含了 vue.js（2.0，没有 npm / webpack），jquery 插件显然不再正常工作了。

现在，在我完全过渡到 100% 客户端表渲染之前——我现在想避免，如果可能的话，会导致它的复杂性——是否有类似的东西可以使用 vue 向渲染的 html 添加排序或者是这个概念在 vue.js 和其他现代框架中不再适用？

所以，问题是：

如何在 vue.js 中进行排序工作（没有 npm / webpack） 或者如何使用 vue 将类似的东西添加到已经服务器渲染的 html 中？ 期待和问候，彼得

【参考方案1】：

好的，知道了。那是一段旅程:-)

可排序脚本：https://www.kryogenix.org/code/browser/sorttable/

脚本：

Vue.component('date-table', 
    template: '<div><slot></slot></div>',
    props: ['innerHtml'],
    mounted: function () 
        var self = this;

        sorttable.makeSortable(this.$el.firstChild);
    ,
    beforeDestroy: function () 

    
);

标记：

<date-table v-once>
    HERE IS MY ORDINARY HTML WHICH SHOULD BE SORTED BY 
    "sortable.makeSortable(...."
</data-table>