Vue.js。如何从字符串(道具)制作函数?

Posted

技术标签:

【中文标题】Vue.js。如何从字符串(道具)制作函数?【英文标题】:Vuejs. How from string (props) make a function? 【发布时间】:2019-12-29 10:41:57 【问题描述】:

我想从 onclick 运行的 props 中的 json 传递函数。我可以像字符串一样传递函数,并且我阅读了 eval() 可以将字符串转换为 func 的方法,但我不能这样做,而且这种方法不安全。

这是我的代码:https://codesandbox.io/s/how-trans-function-in-json-g74dl

【问题讨论】:

出现什么错误?你能进一步描述你尝试了什么吗? 【参考方案1】:

你应该把你的函数变成真正的函数,而不是“文本函数”。像这样,你总是可以将函数显示为文本,你不需要 unsafe eval()。

我分叉了你的代码:https://codesandbox.io/s/how-trans-function-in-json-f8f64

【讨论】:

以上是关于Vue.js。如何从字符串(道具)制作函数?的主要内容,如果未能解决你的问题,请参考以下文章

vue js 2:在挂载函数中访问道具

将 Vue.JS 道具发送到 JavaScript 函数时出现问题

如何在组件的方法中访问 Vue JS 道具?

在 GraphQL 查询模板中使用 React 道具(字符串)

Vue.js 将函数传递给道具不起作用

将一串数据从父组件传递给子组件。 Vue.js 2