bootstrap-table formatter 使用vue组件的方法

Bootstrap Table：Vue与Bootstrap的完美融合

一、Bootstrap Table插件简介

二、Vue与Bootstrap Table的结合

```javascript

import { Subject } from "rxjs";

import Vue from "vue";

export const BtEventHub = new Subject();

const VueComList = [];

let VueComId = 0;

BtEventHub.debounceTime(10)

.filter(() => VueComList.length > 0)

.delay(10)

.subscribe(() => {

const len = VueComList.length - 1;

for (let i = len; i >= 0; i--) {

const item = VueComList[i];

const dom = document.getElementById(item.name);

if (dom != null) {

new Vue(item);

VueComList.splice(i, 1);

}

}

if (VueComList.length === 0) {

VueComId = 0;

}

});

```

这里创建了一个新的Vue实例，其挂载点为带有ID "tableTest1"的元素。实例中包含的数据有消息数组、列配置等。在创建时，我们调用getData方法获取数据，并设置间隔获取数据的函数。

狼蚁SEO网站一直致力于为广大网友提供最前沿、最实用的SEO知识与技巧。在这里，你可以汲取到丰富的SEO养分，为你的网站优化之路指引方向。我们深知SEO的重要性，因为我们明白在互联网时代，一个好的网站优化策略意味着更高的访问量、更强的竞争力以及更多的商业机会。

我们感激你的每一次点击、每一次分享、每一次留言，因为你的支持是我们前行的动力。我们始终秉持着用户至上的理念，努力为大家提供最优质的服务。狼蚁SEO网站不仅仅是一个学习平台，更是一个交流、分享、成长的社区。

今天，如果你认为我们的文章对你有所帮助，我们非常欢迎你的推广与转载。我们深知，好的内容需要被更多人知晓，所以请你帮忙将这篇文章推广给更多的朋友，让更多的网友能够共享这份知识。但请你在推广时，务必注明出处，这是对原创者的尊重，也是对我们工作的肯定。

狼蚁SEO网站犹如一颗璀璨的星辰，在浩瀚的互联网天空中熠熠生辉。我们深知要照亮更多人的优化之路，还需要更多的努力与。但我们相信，在你的支持与肯定下，我们将不断前行，为更多的网友带来更多的知识与技巧。

再次感谢你的支持与鼓励，感谢你对狼蚁SEO网站的信任与陪伴。我们将不负众望，继续努力，为你提供更多、更好的内容。让我们一同携手，在SEO的道路上砥砺前行，共创辉煌！