从 .ejs 文件发送一个 vue 组件 PROPS答案

【问题标题】：send a vue component PROPS from .ejs file从 .ejs 文件发送一个 vue 组件 PROPS
【发布时间】：2019-08-08 00:06:36
【问题描述】：

我正在尝试从 .ejs 文件向 vue 组件发送一个道具。

每次我这样做时，它都会作为未定义的值发送。

我创建了 people-view 组件，这是我调用它的代码。

<people-view componentName="Something" :componentValue="obj.value"/>

注意componentName是静态字符串，componentValue是动态值。

提前致谢！

【问题讨论】：

【解决方案1】：

假设您将obj 作为上下文传递给视图，那么您需要将变量包装在<%= %> 标签中：

<people-view componentName="Something" :componentValue="<%= obj.value %>"/>

【讨论】：

【解决方案2】：

问题是ejs无法解析驼峰式组件名，解决方法是将“componentName”改为“componentname”

<people-view componentname="Something" />

【讨论】：

【解决方案3】：

你也可以使用

<people-view v-bind:data_one="<%= string_data %>" v-bind:data_two="<%= JSON.stringify(JSON_data) %>"> </people-view>

如果您将string_data 作为字符串化 JS 对象发送，则可以使用第一个绑定，或者您可以使用第二个绑定在从后端路由接收它时对其进行字符串化。

原因是 v-bind 需要一个字符串值来传递给组件。我在最近的一个项目中使用了它。

【讨论】：