首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >模具JS -启动一个带有Prop值的状态变量?

模具JS -启动一个带有Prop值的状态变量?
EN

Stack Overflow用户
提问于 2020-11-02 16:28:57
回答 2查看 1.1K关注 0票数 3

在我的模板组件中,我想用传递的螺旋桨值启动我的状态变量。如何在模版中做到这一点?

我尝试在componentWillLoad中将值赋值给状态变量,但它不起作用。

代码语言:javascript
复制
@Prop() passedVal
@State() someVal = ??

我是新来的模版,我来自VueJS,所以请容忍我看似不切实际的问题。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-11-03 21:45:06

最好是观察变化的道具,然后更新状态。

代码语言:javascript
复制
@Component({ tag: 'my-comp' })
export class MyComp {
  @Prop() foo: string;

  @State() bar: string;

  @Watch('foo')
  onFooChange() {
    this.bar = this.foo;
  }

  componentWillLoad() {
    this.onFooChange();
  }

  render() {
    return this.foo + this.bar;
  }
}

您可以在componentWillLoad中调用watcher方法,因为只有在组件加载之后才会开始监视。

票数 4
EN

Stack Overflow用户

发布于 2022-01-30 08:30:58

对于未来的到来者,@Watch@Prop变量的名称作为参数进行监视。每当该支柱的值发生变化时,由@Watch修饰的函数将以newValueoldValue作为参数进行调用。

代码语言:javascript
复制
export class SomeClass{
  @Prop() isValid: boolean = true;
  @Watch("isValid")
  watchHandler(newValue, oldValue) {
    console.log("newValue: ", newValue, "oldValue: ", oldValue);
    this.isValid = newValue;
  }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64649424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档