关键词：
【中文标题】Tabulator + Nuxt.js：如何在回调中使用 axios？【英文标题】：Tabulator + Nuxt.js: How to use axios in callbacks? 【发布时间】：2020-01-16 08:48:53 【问题描述】：我尝试在我的 Nuxt.js 项目中添加 Tabulator。我已经完成了下一个组件：
<template>
<div ref="table"></div>
</template>
<script>
let Tabulator = require("tabulator-tables")
import 'tabulator-tables/dist/css/tabulator_simple.min.css'
let saveIcon = function(cell, formatterParams, onRendered)
return "<img src='/icons/save.png'>";
export default
data()
return
tabulator: null,
tableData: [
id: 1,
username: 'user',
email: 'email@email.ru',
activationCode:'1243412-123413-4134',
active: true,
admin: true,
user: true
],
,
watch:
tableData:
handler: function (newData)
this.tabulator.replaceData(newData);
,
deep: true,
,
mounted()
this.tabulator = new Tabulator(this.$refs.table,
data: this.tableData,
reactiveData:true,
columns: [
title:"#", field:"id", sorter:"number",
title:"Пользователь", field:"username", sorter:"string",
title:"Email", field:"email", sorter:"string",
title:"Код активации", field:"activationCode",
title:"Активный", field:"active", align:"center", formatter:"tickCross", editor:true,
title:"Роли",
columns:[
title:"Администратор", field:"admin", align:"center", formatter:"tickCross", editor:true,
title:"Пользователь", field:"user", align:"center", formatter:"tickCross", editor:true,
],
,
formatter:saveIcon, width: 30, align:"center", cellClick:function(e, cell)
this.$axios.$get('/admin/user')
.then((response) =>
console.log(result)
)
,
],
);
,
</script>
我想在 Nuxt.js 的回调“axios”中使用，但它不起作用。我不明白该怎么做。
据我了解，我将无法使用 Tabulator 中方法部分的功能？
【问题讨论】：
【参考方案1】：尝试使用箭头函数表达式。常规函数有它们自己的“this”。
formatter:saveIcon, width: 30, align:"center", cellClick:(e, cell) =>
this.$axios.$get('/admin/user')
.then((response) =>
console.log(result)
)
,
【讨论】：
如何在 nuxt.js 上手动触发路由？
】如何在nuxt.js上手动触发路由？【英文标题】：Howtomanuallytriggerroutingonnuxt.js?【发布时间】：2021-07-2623:41:01【问题描述】：我想在回调中登录后手动导航到主页。methods:asyncuserLogin()varsession_url="/api/v1/authenticate";axios.post(session_url,thi... 查看详情
如何在 react-tabulator 中插入新行
】如何在react-tabulator中插入新行【英文标题】：Howtoinsertanewrowinreact-tabulator【发布时间】：2020-04-3003:55:00【问题描述】：所以这段代码是从官方文档中插入新行的：$("#add-row").click(function()$("#example-table").tabulator("addRow",););..但我正... 查看详情
如何在nuxt.js中实现handsontable
】如何在nuxt.js中实现handsontable【英文标题】：Howtoimplementhandsontableintonuxt.js【发布时间】：2020-06-2608:31:04【问题描述】：我正在尝试在我使用的项目上安装handsontablenpminstallhandsontable@handsontable/vue也许我需要创建一个插件？如何在... 查看详情
如何在 nuxt.js 中定义路由
】如何在nuxt.js中定义路由【英文标题】：Howtodefinerouteinnuxt.js【发布时间】：2019-04-2421:11:53【问题描述】：我有一个使用Nuxt.Js的博客网站，假设xyz.com并希望显示特定国家/地区代码的所有页面，例如xyz.com/en/home、xyz.com/en/about等。... 查看详情
如何在 Vue.js/Nuxt.js 中为 RepositoryFactory 编写测试
】如何在Vue.js/Nuxt.js中为RepositoryFactory编写测试【英文标题】：HowtowritetestforRepositoryFactoryinVue.js/Nuxt.js【发布时间】：2022-01-2106:03:34【问题描述】：夏天我已经为Vue.js/Nuxt.js应用程序中的API连接实现了RepositoryFactory模式。https://medium... 查看详情
如何在 nuxt.js 中编写全局路由器功能
】如何在nuxt.js中编写全局路由器功能【英文标题】：howtowriteglobalrouter-functioninnuxt.js【发布时间】：2018-01-1213:11:55【问题描述】：我正在将Vue.js与Nuxt.js一起使用，但路由器的功能出现问题。在纯Vue中，我可以这样写main.js：valroute... 查看详情
如何在 nuxt.js 中挑选 bootstrap-vue.js 模块？
】如何在nuxt.js中挑选bootstrap-vue.js模块？【英文标题】：Howtocherry-pickbootstrap-vue.jsmodulesinnuxt.js?【发布时间】：2019-04-0512:03:04【问题描述】：我无法理解如何在nuxt.js中挑选bootstrap-vue.js模块nuxt.config.js中的以下代码正在拉取整个库... 查看详情
组件内导航防护回调不起作用：Nuxt JS 和`beforeRouteEnter`
】组件内导航防护回调不起作用：NuxtJS和`beforeRouteEnter`【英文标题】：In-componentNavigationGuardcallbacknotworking:NuxtJSand`beforeRouteEnter`【发布时间】：2020-02-1803:49:57【问题描述】：我有一个使用NuxtJS构建的搜索表单和结果页面。如果表... 查看详情
如何使用 Nuxt.js 仅在一个组件中使用插件？
】如何使用Nuxt.js仅在一个组件中使用插件？【英文标题】：HowtouseplugininonlyonecomponentusingNuxt.js?【发布时间】：2021-11-1617:45:13【问题描述】：我正在用nuxt.js做一个简单的博客网站，我只需要在一个组件中导入编辑器，我不想使用n... 查看详情
如何使用 laravel 后端 API 在 nuxt.js 中上传图片
】如何使用laravel后端API在nuxt.js中上传图片【英文标题】：howtouploadimageinnuxt.jsusinglaravelbackendAPI【发布时间】：2021-01-2407:29:30【问题描述】：nuxt.js我搜索了很多关于使用laravelapi上传图片的教程，但我不知道如何编码图片上传的东... 查看详情
Nuxt.js - 如何在布局内使用布局
】Nuxt.js-如何在布局内使用布局【英文标题】：Nuxt.js-Howtouselayoutinsidelayout【发布时间】：2019-01-2710:58:07【问题描述】：我有我的默认布局，我想制作一个页面带有布局和布局内部的组件将更改insdie并将url更改为我如何用nuxt做到... 查看详情
如何在 Nuxt.js 中创建动态“面包屑”
】如何在Nuxt.js中创建动态“面包屑”【英文标题】：Howtocreatedynamic\'Breadcrumbs\'inNuxt.js【发布时间】：2019-12-3118:29:35【问题描述】：大家好，我正在尝试在Nuxt.js中创建动态“面包屑”，有没有人有一个工作示例，它应该如何工作... 查看详情
如何在 Nuxt.js 中使用官方 Swiper.js 作为插件
】如何在Nuxt.js中使用官方Swiper.js作为插件【英文标题】：HowtouseofficialSwiper.jsasplugininNuxt.js【发布时间】：2021-01-2106:39:49【问题描述】：我有插件swiper.js代码：importVuefrom"vue";//importSwipercoreandrequiredcomponentsimportSwiperCore,Navigation,Pagina... 查看详情
如何在 nuxt.js (vue.js) 中配置动态 og 标签？
】如何在nuxt.js(vue.js)中配置动态og标签？【英文标题】：HowdoIconfiguredynamicogtagsinnuxt.js(vue.js)?【发布时间】：2018-05-3112:59:18【问题描述】：我使用vueinitnuxt/expressmyprojectstart启动了nuxt应用程序。这是我的目录。page|-_project.vue|-project|-... 查看详情
如何在实际服务中运行 nuxt.js？
】如何在实际服务中运行nuxt.js？【英文标题】：Howtorunnuxt.jsinrealservice?【发布时间】：2017-10-2817:56:32【问题描述】：我在中使用了vue-clivueinitnuxt/expressmyProject和，npm运行开发开发。但是，npm运行构建之后，创建了dist文件。如何在... 查看详情
如何在 Nuxt.js 中使用 CKEditor - 未定义窗口错误
】如何在Nuxt.js中使用CKEditor-未定义窗口错误【英文标题】：HowtouseCKEditorwithNuxt.js-windowisnotdefinederror【发布时间】：2020-08-1503:00:36【问题描述】：在Vue.js中，这是我使用的设置。在Nuxt.js中，我收到“未定义窗口”错误。根据我的... 查看详情
如何在 nuxt.js 中创建动态锚链接？
】如何在nuxt.js中创建动态锚链接？【英文标题】：Howtocreateadynamicanchorlinkinnuxt.js?【发布时间】：2019-12-1221:56:56【问题描述】：我正在构建一个nuxtonepager，它接收来自WordpressRestApi的内容。我已经获得了Wordpress菜单结构，并且每个... 查看详情
如何在 nuxt.js 上从子组件获取父组件的值？
】如何在nuxt.js上从子组件获取父组件的值？【英文标题】：HowtogetanvaluefromChildcomponenttoParentonnuxt.js?【发布时间】：2019-11-3022:31:48【问题描述】：我一直在尝试将数据从子A($emit)组件传递给父组件，从父组件传递给子B(props)。使用n... 查看详情