Vue.js 如何从 BootstrapVue 重用项目提供程序功能更新 b 表中的项目异步

发布于11月02日

我使用的是Bootstrap Vue v2.0.0-rc.我就是想不起如何更新表格内容.我相信这是微不足道的.

我正在使用项目提供程序功能从后端提取我的内容.

        <b-table
                 :items="myProvider"
        >

使用以下方法，初始调用可以正常工作.

export default {
    methods: {
        myProvider(ctx) {
            let promise = axios.get('/backend?currentPage=' + ctx.currentPage);

            return promise.then((response) => {
                return(response.items || []);
            });
        },

要复制行项目，我打开一个模式输入一个新名称.我打了一个后端电话要求复制，效果很好.现在我想刷新显示新项目的表中显示的内容.我该怎么做？

我能想到的最简单的方法是再次调用item provider函数(这里是:"myProvider").我可以从模式中执行此操作，但无法提供正确的参数(这里是:"ctx").

是否存在要触发/发出以重新发出后端调用的事件？

我试过这样的方法:

this.$refs.nameOfTable.$forceUpdate()

this.$refs.nameOfTable.$emit('XXX') // XXX = placeholder for various events

任何提示都将不胜感激！谢谢您.

Vue.js 如何从 BootstrapVue 重用项目提供程序功能更新 b 表中的项目异步

推荐答案

Vue.js相关问答推荐

是否可以将 nuxt3 与类星体框架一起使用

纵横比元素溢出容器

vuex 未知动作类型：addTodo

为什么我在 Vue npm run serve 的 localhost 中得到无法获取

更改 Vuetify 轮播高度

在 Vue 项目之间共享assets和组件

使用 Vue 和 JS 下载 CSV 文件

如何将 axios/axios 拦截器全局附加到 Nuxt？

在 vuejs 中的图像中包含 router-link 标记

在组件的样式部分使用 Vue 变量

在基于 TypeScript 的 Vue 中将 vuex 状态和Mutations绑定到复选框组件属性

如何在 Vue.js 中触发点击 ref

Vue.js 从模板中分离样式

在 v-for 的情况下如何从 v-model 输入更新 Vuex 存储

加载和渲染时对象值上的 Vue.js 未定义错误

Vue 和 TypeScript 所需的props

我可以在 Vue 实例方法中传播的 mapMutations 中使用this吗？

过渡后的 v-if 下方的过渡元素

使用 Vue.js 获取所有选中复选框的列表

为什么不能在 vue 模板中使用窗口？