为什么输入元素保留该值？第二次不应用数据绑定

问：

使用点亮元素...我有这个元素称为单个事务。在交易列表页面中，我单击单个交易并转到包含单个交易的新页面。

在 notes 输入元素中：

1. 我编辑输入并将“foo”更改为“bar”
2. 我不保存
3. 我回到主页。
4. 然后，我回到同一个单一事务。

备注输入具有已编辑的值。它应该有，因为我没有保存值。为什么这个值会持续存在？似乎当我返回单事务元素时，数据绑定会显示原始值。这就像数据绑定逻辑没有再次运行并更新元素一样。barfoobar.singleTransData=${this.singleTransData}foo

在使用 bar 修改输入之前：

当输入值保持不变而不保存时：

parent 元素

      <single-transaction
        data-el="add-catergory"
        .singleTransData=${this.singleTransData}
        id="single-transaction"></single-transaction>

单交易元素：

  static properties = {                                                
    singleTransData: {                                                 
      type: Object,                                                    
    },                                                                 
    label: {                                                           
      type: String,                                                    
    },                                                                 
  };                                                                   
                                                                                                                                            
  constructor() {                                                      
    super();                                                           
    this.singleTransData = {};                                         
  }                                                                    
                                                                       
  render() {                                                           
                                                                       
    return html`                                                       
          <mwc-icon-button                                             
            @click=${this.#leavePage}                                  
            icon="arrow_back"></mwc-icon-button>                       
                                                                       
          <span class="row">                                           
            <md-outlined-text-field                                    
              label="notes"                                            
              data-key="notes"                                         
              value="${this.singleTransData.notes}"                    
              ></md-outlined-text-field>                               
          </span>                                                      
    `                                                                  
  }