如何使用MustacheJS在每个对象迭代中编码URIComponent

Question

我想将每个对象存储在带有Mustache的HTML中的data属性中。 这是我的样本object

{
 people: [
         {
          "name": "Person1",
          "age": 21

         },
         {
          "name": "Person2",
          "age": 23

         },             
         {
          "name": "Person3",
          "age": 25

         }
         ]
}

我用HTML格式化了它。

 {{#people}}
    <div id="person" data-person-object={{.}}>
      {{name}}
      {{age}}
    </div>
 {{/people}}

我想将对象的每次迭代存储在data-person-object中，我想使用encodeURIComponent，似乎降价呈现data-person-obj="[object" object]

任何建议请。