How to safely execute a string passed from a prop?

Question

Vue.js

From one component I need to pass to another parameterease

<animate-me ease="Elastic.easeOut.config(1, 0.75)" />

In the component, I need to use this props. The problem is that it is passed as a string

{
  ease: this.ease
}

Accordingly, this does not work, because Elastic.easeOut.config(1, 0.75)it is not performed. How to proceed? evalor are there other options?

Answer 1

You don't need to do anything, vue will do everything for you. Bind the parameter dynamically (just make sure the Elastic object is available as a property of the component):
:ease="Elastic.easeOut.config(1, 0.75)"