Php 用vue更换laravel刀片
我有一个现有的laravel刀片模板,正在使用刀片模板中的Vue组件重写它。Php 用vue更换laravel刀片,php,laravel,vue.js,laravel-blade,Php,Laravel,Vue.js,Laravel Blade,我有一个现有的laravel刀片模板,正在使用刀片模板中的Vue组件重写它。 例如,刀片模板中的一条现有线是: 这引用了一个名为removietem的php函数 有没有办法在新的Vue组件中调用php函数,或者我必须将php函数重做为javascript?我相信您的意思是模板引用了一个函数removietem,该函数是在刀片服务器运行的JS脚本中定义的 如果要将整个刀片服务器迁移到VueJs实例中,则需要将Vue组件使用的方法移动到其ViewModel定义中 您还需要将来自PHP的任何数据作为
例如,刀片模板中的一条现有线是:
这引用了一个名为removietem
的php函数有没有办法在新的Vue组件中调用php函数,或者我必须将php函数重做为javascript?我相信您的意思是模板引用了一个函数
removietem
,该函数是在刀片服务器运行的JS脚本中定义的
如果要将整个刀片服务器迁移到VueJs实例中,则需要将Vue组件使用的方法移动到其ViewModel定义中
您还需要将来自PHP
的任何数据作为prop
传递,或从API获取数据,以便组件在渲染后可以访问该数据
在您的示例中,组件的外观类似于(使用道具)
Vue.component('MyComponent'{
模板:`
`,
道具:{
itemId:String
},
方法:{
removeItem(){
//处理单击事件
this.$emit('remove',this.itemId);//例如
}
}
})
在刀片文件中,您将替换为:
<MyComponent item-id="{{$item->id}}"/>
Vue将用组件中指定的模板替换上面的模板,PHP“绑定”将作为文本传递到HTML中。什么是removeItem?我不认为这是一个“php函数”根据您的代码。谢谢丹尼尔。
removeFromCart
的唯一实例是帐户控制器中的一个php函数:public function removeFromCart(CartRemoveFormRequest$request){logic here}
您可能需要通过API端点公开它
<MyComponent item-id="{{$item->id}}"/>