我在使用Vuejs~1.0将属性从LaravelBlade 模板传递给子组件时遇到问题.如果我以纯文本形式传递某个内容,它就可以正常工作,但当我try 传递js属性、数组或对象时,它根本不起作用.我目前有一个带有自定义组件的Blade 文件,如下所示:

<my-component video="@{{ stuff }}"></my-component>

如果我漏掉@{{ }},唯一会被传递的是字符串stuff,如果我漏掉@,我显然会得到一个Blade 错误,但如果我使用@{{ stuff }},那么我得到的就是字符串{{ stuff }}.我显然错过了一些东西,但我不知道我错在哪里.提前谢谢.

推荐答案

看起来我刚刚发现了,似乎我在视频之前错过了冒号,所以应该是这样的:

<my-component :video="stuff"></my-component>

Vue.js相关问答推荐

Vuetify 2中自定义标头的排序和筛选

Vuejs - 更新数组中对象的数组

带有 netlify.toml 文件的环境变量

Vue,Composition API:如何从react 式转换中跳过深度嵌套的属性?

VuetifyJS:如何摆脱 v-stepper 组件的提升?

如何在map中添加新的标记 onclick?

如何在 vue.js 中删除类

如何在 .js 文件中使用 Vue i18n 翻译?

使用 Vue.js 的用户可切换自定义主题

如何在 vue 3 中获取路由的参数?

如何使用 Vuejs 和 Laravel 获取当前经过身份验证的用户 ID?

如何使用 JavaScript 按索引删除数组元素?

Vue.js 拦截器

Vue CLI 3 sass-resources-loader - Options.loaders 未定义

如何从 keep-alive 中销毁缓存的 Vue 组件?

从 vuex 存储访问 $vuetify 实例属性

Vue 2.0 设置路由 - 不要使用new来产生副作用

如何在 vue.js 中通过单击事件发出值

Vuejs 组件等待 facebook sdk 加载

Vue.js 显示空格(换行符)