首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  Polymer

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

  •  
  •   iugo · 2016-05-16 18:53:04 +08:00 · 1278 次点击
    这是一个创建于 1159 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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
        1
    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 事件的监听.
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2349 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 21ms · UTC 09:16 · PVG 17:16 · LAX 02:16 · JFK 05:16
    ♥ Do have faith in what you're doing.