如何将 Polymer 组件中的函数用在模板中?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3094 天前的主题，其中的信息可能已经有所发展或是发生改变。

Polymer 版本: 1.4.0 Web Components 版本: 0.7.22

比如模板中的: <span onclick=""></span>

这时该组件的一个函数是这样的:

handleClick: function(e) {
  // do something
}

可是无法这样调用: <span onclick="{{handleClick}}"></span>

如果将函数写在 Polymer 外部, 那么这个函数的作用域就会被放大到全局. 想尽量避免这样的事情.

1 条回复 • 2016-05-19 16:50:06 +08:00

iugo

2016-05-19 16:50:06 +08:00

参考: https://stackoverflow.com/questions/37266018/how-to-use-a-element-function-in-template-polymer

在这个特例中, 可以使用 on-click="handleClick" 这种方法实现组件内 handleClick 函数对该 element 的 click 事件的监听.