聚合物 - 如何覆蓋計算的屬性？

Question

如何覆蓋計算的屬性？

這裏有一個片段，其中的父類A計算result屬性等於value財產，而它的子類B將重新計算result屬性等於value + value2。

但覆蓋不工作...

class A extends Polymer.Element {  
 
    static get properties(){ 
 
     return { 
 
     value : Number, 
 
     
 
     result : { 
 
      type : Number, 
 
      computed : "computeProperty(value)" 
 
     } 
 
     } 
 
    } 
 
    
 
    computeProperty(value){ 
 
     return value; 
 
    } 
 
    } 
 
    
 
    class B extends A { 
 
    static get is() { return "b-element"; } 
 
    
 
    static get template(){ 
 
     return ` 
 
     <div>Value : [[value]]</div> 
 
     <div>Value2 : [[value2]]</div> 
 
     <div>Result : [[result]]</div> 
 
     ` 
 
    } 
 
    
 
    static get properties(){ 
 
     return { 
 
     value2 : Number, 
 
     
 
     result : { 
 
      type : Number, 
 
      computed : "recomputeProperty(value, value2)" 
 
     } 
 
     } 
 
    } 
 
    
 
    recomputeProperty(value, value2){ 
 
     return value + value2; 
 
    } 
 
    } 
 
    
 
    
 
    // Register the new element with the browser 
 
    customElements.define(B.is, B);

<script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script> 
 
<link rel="import" href="https://polygit.org/components/polymer/polymer-element.html"> 
 

 
    <b-element value="1" value2="2"> 
 
    </b-element>

Answer 1

我不認爲這是可能的，但你可以做的是利用觀察員：

static get properties() { 
     return { 
     // ... 

     result : { 
      type : Number, 
      // making the result read-only because it's computed 
      readOnly : true, 
     } 
     } 
    } 


    static get observers() { 
     return ['onValueChanged(value, value2)'] 
    } 

    onValueChanged(value, value2) { 
     this.setProperties({ 
     result : value + value2 
     }, true); 
    }