Javascript Polymer 1.0按下按钮后如何在vaadin网格中显示纸张输入值？

我正在尝试创建一些聚合物的纸张输入。当我单击项目旁边的“计算”图标时，它不会显示纸张输入的值或结果。看起来调用值（？）时出错了，我不知道如何修复它？谢谢

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-pages/iron-pages.html">
<link rel="import" href="../bower_components/iron-selector/iron-selector.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="../bower_components/vaadin-grid/vaadin-grid.html">
<link rel="import" href="../bower_components/vaadin-date-picker/vaadin-date-picker.html">

<dom-module id="my-view2">
  <template>
    <style include="shared-styles">
      :host {
        display: block;
        padding: 10px;

      }
      .form paper-icon-button{
        left: 45%;
        height: 120px;
        width: 120px;
      }
      .form paper-input{
        margin-left: 150px;
        margin-right: 150px;
      }

    </style>

    <div class="card">
      <div class="form">
      <paper-input type="number" name="satu" label="BLABLABLA1" value="{{todo.satu}}"></paper-input>
      <paper-input type="number" name="dua"label="BLABLABLA2" value="{{todo.dua}}"></paper-input>
      <paper-input type="number" name="tiga"label="BLABLABLA3" value="{{todo.tiga}}"></paper-input>


   <paper-icon-button src="calculator.ico" on-tap="_addTodo"></paper-icon-button>

      </div>
<vaadin-grid item="{todos}">
        <table>
          <colgroup>
            <col name="satu">
            <col name="dua">
            <col name="tiga">
          </colgroup>
        </table>
      </vaadin-grid>
    </div>
  </template>

  <script>
    Polymer({
      is: 'my-view2',
       properties: {
        todo: {
          type: Object,
          value: function() {
            return {};
          }
        },
        todos: {
          type: Array,
          value: function() {
            return [];
          }
        }
      },

      _addTodo: function() {
       this.push('todos', this.todo);
        this.todo = {};
      }

    });
  </script>
</dom-module>

：主持人{
显示：块；
填充：10px；
}
.表单纸张图标按钮{
左：45%；
高度：120px；
宽度：120px；
}
.表格纸张输入{
左边距：150像素；
右边距：150px；
}
聚合物({
是：‘我的观点2’，
特性：{
待办事项：{
类型：对象，
值：函数（）{
返回{}；
}
},
待办事项：{
类型：数组，
值：函数（）{
返回[]；
}
}
},
_addTodo:function（）{
this.push（'todos'，this.todo）；
this.todo={}；
}
});

您与

vaadin网格

的

项

属性的绑定无效。您缺少了另一个方括号

{}

，并且属性应被称为

项

而不是

项

（根据文档）

感谢您更正代码。我已将代码更改为“”，但页面上仍然没有显示列或论文输入的值。你能帮我吗@库巴·西蒙诺夫斯克感谢您更正代码。我已将代码更改为“”，但页面上仍然没有显示列或论文输入的值。你能帮我吗@KubaŠimonovský根据文档，您应该使用

vaadin网格列

元素，而不是

内部的

vaadin网格

，但我以前从未使用过vaadin网格，所以我不知道这是否是问题所在。另外，您应该调试应用程序。尝试添加console.log（this.todos）等。。尝试调试它，以便知道问题出在哪里。它可以在任何地方