javascript - Polymer 2.0 调用函数

标签 javascript polymer polymer-2.x

我对 Polymer 2.0 中的发布/构建元素有疑问

我使用凉亭制作 polymer 2 应用程序。然后我对我的元素进行了编码。当我调用 <my-element></my-element> 时,我可以在这个项目中使用它在index.html中。

在我的 polymer 类中,我有一些函数。我应该在我的新项目中做什么,我将导入我的构建元素 <my-element></my-element>调用这个函数? 例如,我将有一些文件 form.html,其中我将有 <my-element></my-element> 。我应该在<script></script>做什么例如调用 my-element.myFunction();

最佳答案

与您在所有其他元素中所做的绝对相同。您在项目中使用了一些纸质元素吗?你在调用它们的一些函数吗?

假设你有元素

<my-element id="myElement"></my-element>

然后在 <script>标签

this.$.myElement.someFunction();

将您的元素想象为所有函数和属性的包装器。定义<my-element>在你的代码中创建它的实例,然后你需要通过 DOM 来访问它。通常在 HTML 中你会这样做 document.getElementById("someID")但在这里,在 polymer 中(如果你使用的是shadow-dom)你只需要做 this.getElementById("someID")或速记this.$.someID 。因此,第一步是获取该元素,第二步是调用函数或属性。 this.$.someID.someFunction()

首先,您需要了解 polymer 的一些基础知识。尝试有关 polymer 的入门教程。并且不要忘记,您创建的所有元素的行为方式与 polymer 元素完全相同。您的元素将具有不同的样式、功能和属性

关于javascript - Polymer 2.0 调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43911185/

相关文章:

javascript - 显示过时项目的 polymer 熨斗列表

javascript - Javascript 中点缀字体的坐标

javascript - 使用 php/javascript(ajax) 将数据库(SQL) 中的多行显示到网站前端

javascript - 如何使用 Puppeteer 从输入中删除现有文本?

javascript - 如何在 JavaScript 中的另一个 div 中打印月日,以便我可以将它相对定位在这个新的 div 中?

javascript - 使用 Bower 和 Highcharts Shim 的 Chrome 开发编辑器

javascript - polymer 纸图标按钮有什么用?

javascript - <dom-repeat> 中的 <dom-if> 不会在项目更改时调用方法

ios - IOS 的 Polymer Web 应用程序主屏幕

javascript - Polymer 2.0 中的工厂实现