laravel - 从 Laravel Blade 向 Vue.Js 传递 props 返回 undefined
问题描述
我试图将 Laravel 刀片中的道具传递给 Vue 元素,尝试使用: :data或 data 都不起作用。
在 Vue Devtool 上返回 undefined。
文件.blade.php
<div id="truthchallenge">
<truth-challenge data="datastring" />
</div>
真相挑战.js (main.js)
import Vue from 'vue'
import router from '../router'
import TruthChallenge from './views/TruthChallenge'
new Vue({
router,
render: h => h(TruthChallenge)
}).$mount('#truthchallenge')
真相挑战.vue
<script>
export default {
name: 'truth-challenge',
props: {
data: String
}
}
</script>
我试图将道具从 vue.js 传递给孩子,它可以工作,但不能来自 Laravel 刀片。你有关于我的代码不起作用的线索吗?
解决方案
如果我理解正确,您是在尝试将 php 变量传递给 Vue 模板吗?
试试这样:
<truth-challenge :data="{{ $data }}"/>
推荐阅读
- reactjs - google-map-react 标记 onclick 不起作用
- c - C - 检测外部电路何时关闭(按钮按下)
- xcode - Xcode SKS 场景编辑器中缺少命名颜色资源
- flutter - 无法将 Pdf 与 ConvertApi Rest api Flutter 合并
- tkinter - 没有任何方法可以为当前 Button() 类中的按钮添加边框半径。在 pythonTkinter 中是否有任何属性可以添加边框半径?
- javascript - 尝试从 jquery $(document).ready 调用外部 js 中定义的函数
- webstorm - CSS 声明属性的代码完成
- sql - 没有FK时如何找到维度表和事实表之间的关系?
- spring - 调用具有多个 @RequestParam 自定义对象的 GET api
- java - com.google.android.geo.API_KEY API 级别 26 无法识别