使用Laravel在VueJS中无法呈现B按钮

时间:2019-10-08 14:41:51

标签: php laravel vue.js

你们好吗?

我陷入了一个我无法理解的问题,显然无法解决。 我有一个b表,在此表的最后一列中,我在模板中(理论上)应呈现一个b按钮。 问题在于,它之前没有在测试环境中正常运行,而现在在生产环境中却可以正常运行。 我尝试更新boostrapVue,再次进行所有导入,对整个应用程序进行所有这些操作,因为它发生在整个应用程序中。 另外,删除整个应用程序,然后重新克隆仓库,这与生产环境相同,错误也相同。 这是代码中未呈现的部分:

<template slot="actions" slot-scope="data">
            <b-button variant="info" v-b-modal.cadastroManutencaoDash @click="dashLineId(data.item)" class="mr-2">
                <i class="fa fa-pencil"></i> Cadastrar Manutenção
            </b-button>
        </template>

模板标记正常出现,但b按钮不正常。

那会是什么?

有人可以帮我吗? 老实说,我不明白什么是错的。 我找不到任何可以在任何地方帮助我的东西。 我知道在这个问题中并不需要太多代码,但是无论如何,如果您需要更多代码,我认为这比本地问题更具全局性,而我会更新问题。 抱歉,没有通过repo链接,但是对我工作的公司不公开,我认为这不是一个好主意。

谢谢您的帮助。

2 个答案:

答案 0 :(得分:0)

我只是将我的boots-vue降级,并且可以正常工作。

它在2.0.3中,并降级到2.0.0-rc.26。

答案 1 :(得分:0)

这是因为您使用的是2.0.0版本中更改的旧版槽位命名。

以下内容使用的是新的命名cell({field})和新的v-slot语法,因为旧的语法已被弃用

<template v-slot:cell(actions)="data">
  <b-button variant="info" v-b-modal.cadastroManutencaoDash @click="dashLineId(data.item)" class="mr-2">
    <i class="fa fa-pencil"></i> Cadastrar Manutenção
  </b-button>
</template>