根据后台数据动态渲染按钮,并给按钮绑定后台返回的对应事件

88 阅读1分钟

111.png 如上图所示,根据后台返回的buttons列表数据,需要动态去渲染button结构,并且给每一个button绑定buttonClick中的事件;

222.png 在渲染button按钮的时候,给每一个button绑定一个getButton事件,将每一个button的buttonClick属性值作为getButton的参数;

333.png 当然,这里有可能存在传入的buttonClick的值为空的情况,所以要先判断一下,如果buttonClick有值,那么就将buttonClick的值传入到newFunction(buttonClick),去实例化一个函数(注意,实例化后的函数是一个匿名函数,需要声明一个变量去接收),下面就是去执行这个函数,如上图的func()。这样可以每次点击按钮触发getButton事件的时候,实际上执行的都是传入的buttonClick里的事。