LWC 设置者没有被调用

Question

LWC 二传手没有被召唤。

<template>
 {message}<br><br>1. getter value: {displayMessage}<br><br>2. setter value: {updatedMessage}
</template>

import { LightningElement, api} from 'lwc';
 
export default class GetterSetter extends LightningElement {
   message;
   updatedMessage ='demo';

   connectedCallback(){
    this.message='2';
   }

   renderedCallback(){
    this.message='3';
   }

   get displayMessage(){
    return this.message;
   }

   set displayMessage(value) {
    this.updatedMessage = value.toUpperCase();
   }
}

我已经尝试过salesforce文档。

Answer 1

js文件：

import { LightningElement, api} from 'lwc';
export default class GetterSetter extends LightningElement {
  _message = '';

  get message(){
    return this._message;
  }

  set message(value) {
    this._message = value.toUpperCase();
  }

  connectedCallback(){
    this.message = 'my message';
  }
}

html 文件：

<template>
     {message}
</template>