单击 Vuejs 按钮时在 Blade 中打开模式
P粉811349112
P粉811349112 2024-03-28 11:50:37
[PHP讨论组]

在我的 laravel Vue 应用程序中,我有一个带有数据表的 vue 来显示一些用户记录。

在我的数据表上方有一个用于添加记录的按钮。

一旦用户单击按钮,它应该打开一个模式。

但是我的模态框在刀片中。

以下是我的按钮的 vue 代码(view-docs.vue),


            
                Add document
            
        

我的模态 .blade 是,

@csrf

{{ __('pages/other-documents.add-document') }}

{{ __('pages/other-documents.name') }}

{{ __('pages/add-certificate.date-of-issue') }}

{{ __('pages/add-certificate.expiry-date') }}

{{ __('pages/add-certificate.upload-document') }}

{{ __('pages/other-documents.document-number') }}

{{ __('pages/other-documents.fill-document-number-1') }}
{{ __('pages/add-certificate.cancel') }}

当我点击 vue 按钮时如何打开这个模式?

P粉811349112
P粉811349112

全部回复(1)
P粉596161915

在按钮和呼叫功能上使用叮当事件。 在该函数中链接 router.js 文件的函数。

在 router.js 中,函数应该如下所示,

{
    path: '/yourpath which is in api.php or web.php have',
    name: 'same as path name to remember easily',
    meta: { 
        requiresAuth: true,           //authentication require
        roles: ['superadmin','admin'] //roles to be define
    },
    component: () => import('../your vue file path/myFile.vue'),
},

之后,在 api.php 文件中创建路由并调用该控制器的函数。 在控制器中查看您的刀片文件代码,如下所示。

view('.blade 文件名');

已经完成了,谢谢。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号