在刀片中使用 php 参数调用 vue js 函数

Posted

技术标签:

【中文标题】在刀片中使用 php 参数调用 vue js 函数【英文标题】:Call vue js function with php parameters in blade 【发布时间】:2021-07-23 20:04:09 【问题描述】:

我在我的 laravel 项目中使用 vue js cdn。 我想在blade中调用一个vue js函数,但是某处似乎有错误(页面加载为空白)

<table >
  <head>
   <th>Order ID</th>
   <th>Aging</th>
  </head>
  @foreach($orders as $order) 
   <tr>
     <td> $order->OrderID </td>  
     <td>@ relativeDate( $order ) </td>                                       
    </tr>
  @endforeach    
</table>

但是,当我在点击事件中调用该函数时,它可以工作

<button @click="relativeDate( $order )">>Button</button> 

【问题讨论】:

检查您在storage/logs 中的 Laravel 日志,看看那里是否显示任何错误 日志文件中没有与我的问题相关的错误 尝试在浏览器开发工具上检查控制台 @KevinYobeth 控制台上没有出现错误 【参考方案1】:

也许你必须展示你的逻辑 js vue 用来处理的东西,我那里有错误。

【讨论】:

错误不在方法方面,因为它与点击事件完美配合 为什么不在 TD 元素内循环按钮。是否可以将这样的功能放在 TD 元素中? (我基本上还在学习 Laravel 和代码)

以上是关于在刀片中使用 php 参数调用 vue js 函数的主要内容,如果未能解决你的问题,请参考以下文章

如何将 vue.js 值作为参数传递给刀片中的路由

从 laravel 刀片调用 vue 方法

将php参数传递给bladee内部的vue函数

Laravel 5使用刀片模板在视图中调用函数时如何使用参数

LARAVEL + Vue.js:使用刀片在 MPA 中显示整个页面的 vue.js 组件,对 SEO 不友好

vue.js 组件使用 laravel 刀片作为模板