我有一个ASP.NET Core应用程序,它在服务器端呈现表,有些表非常复杂。我曾经使用sortable:使所有的表都可排序,以使表可排序;现在,由于我已经包含了vue.js(2.0,没有npm/webpack(,jquery插件显然不再正常工作。
现在,在我完全过渡到100%客户端表渲染之前——如果可能的话,我现在想避免这种情况,因为它很复杂——有没有类似于用vue为渲染的html添加排序的东西,或者这个概念在vue.js和其他现代框架中已经过时了,不再可行了?
因此,问题是:
如何使排序表在vue.js中工作(没有npm/webpack(或者如何使用vue将类似的内容添加到已经由服务器渲染的html中?展望未来并致以问候,Peter
好的,明白了。那是一段旅程:-(
可排序脚本: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>