个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
25
4
我正在努力让 stenciljs 中的 @Method 正常工作 - 我们将不胜感激。
这是我的组件代码，其中包含一个名为 setName 的函数，我想在我的组件上公开它:
import { Component, Prop, Method, State } from "@stencil/core";
@Component({
tag: "my-name",
shadow: true
})
export class MyComponent {
@Prop() first: string;
@Prop() last: string;
@State() dummy: string;
@Method() setName(first: string, last: string): void {
this.first = first;
this.last = last;
this.dummy = first + last;
}
render(): JSX.Element {
return (
<div>
Hello, World! I'm {this.first} {this.last}
</div>
);
}
}
这是引用该组件的 html 和脚本:
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<title>Stencil Component Starter</title>
<script src="/build/mycomponent.js"></script>
</head>
<body>
<my-name />
<script>
var myName = document.querySelector("my-name");
myName.setName('Bob', 'Smith');
</script>
</body>
</html>
这是我遇到的错误的屏幕截图，它是Uncaught TypeError: myName.setName is not a function:
最佳答案
组件上的方法不是立即可用的；在您使用它们之前，它们必须由 Stencil 加载/水合。
组件有一个 componentOnReady 函数，可以在组件准备好使用时解析。所以像这样:
var myName = document.querySelector("my-name");
myName.componentOnReady().then(() => {
myName.setName('Bob', 'Smith');
});
关于javascript - Stenciljs @Method 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50272576/
25
4
0
这段代码无法编译: for(vector::iterator it = shapes.end(); it >= shapes.begin(); --it){ *it.update(1,1);
我一直在研究 Common Lisp 对象协议(protocol) (CLOS)，我遇到了一个疑问。 有人知道 CLOS 中的“标准方法组合”和“简单方法组合”是什么意思吗？ 在“简单方法组合”中，“
在Rust上对值调用方法之间是否有任何区别，如下所示: struct A { e: u32 } impl A { fn show(&self) { println!("{}",
我在一些 StackOverflow 答案中看到了术语抽象方法、具体方法和默认方法的“不同”定义。 Java 语言规范给出的真正定义是什么？请在您的答案中包含相关的支持 JLS 引用资料。 最佳答案
如果method = "post"，如何使rest[method]扩展为rest.post(uri, body).then(. .？ function proxyUrl() { return
这个问题在这里已经有了答案: Method cannot be translated into a store expression (1 个回答) 关闭 9 年前。 我有一个问题。我在 Visua
它们各自的优缺点是什么？ 接口(interface)方法 虚方法 抽象方法 什么时候应该选择什么？做出这一决定时应牢记哪些要点？ 最佳答案 虚拟和抽象几乎是一样的。虚方法在基类中有一个可以选择被覆盖的
我在 Meteor.js 上的那段代码出错: 客户端 : Meteor.call("logUser", function(myvar){ console.log("le c
运行代码时出现以下错误 Line: 18 illegal start of expression Line: 18 ';' expected 这意味着第 18 行中有代码写得不正确(public bo
如果可能的话，如何从另一个方法的返回中调用一个方法？ 例如…… class Example { public static void main(String[] args) {
当遍历指针的 vector (或其他容器)时，使用以下优势和/或优势之间是否有任何区别: for (it = v.begin(); it != v.end(); ++it) { (*it)->
在从带有参数的 void 方法打印值或将值返回给方法调用者并在方法调用者中打印它之间，哪个被认为是更好的做法(如果有的话)？比如第一个代码摘录是前者，第二个代码摘录是后者: public static
考虑这个例子https://codesandbox.io/s/1yvp4zz5x7?module=%2Fsrc%2FApp.vue Greet1 Greet2
晚上好， 我刚开始使用 Microsoft.Contracts(最新版本)并将其插入示例界面之上，现在它看起来像这样: namespace iRMA2.Core.Interfaces { us
我是 Laravel 4 的新手，并试图弄清楚为什么我收到一个错误，说 Method [show] 不存在。 我没有名为“show”的方法，只能想象这是一个内部的 Laravel 方法，但我不知道如何
有人可以向我解释一下当我们进行下一次返回时“或”(||) 是什么意思吗？ 我的意思是这行: 返回封面(值，金额 - 值 [索引]，索引 + 1)||覆盖(值、金额、索引 + 1)； public st
这个问题已经有答案了: Why doesn't the post increment operator work on a method that returns an int? (11 个回答) 已
我很难理解 jQuery 的 $.method() 和 $(selector).method 之间的区别。 $.method() 实际适用于 DOM 中的哪些元素？如果有人能帮助解释这两种说法之间的区
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 5 年前。 Improve t
////////////////////////////////////////////////////////////////////////////// // 3 construct
我是一名优秀的程序员,十分优秀！