Как переопределить функцию компонента в Polymer 2?

Question

Как переопределить функцию компонента в Polymer 2?

1

Я использую app-localstorage-document для хранения данных в браузере. В документации говорится о переопределении метода zeroValue для определения значения по умолчанию для использования, когда нет данных. Но я не знаю, как переопределить компонентный метод в Polymer. Здесь я попытался, но я не думаю, что это правильно, потому что функция не вызывается.

<app-localstorage-document key="CatValue" data="{{cat}}"></app-localstorage-document>

class MyApp extends Polymer.Element{
   static get is(){return 'my-app';}
   static get properties(){
     return{
       cat:{
         type: String,
         value: ""
       }
     };
   }

   zeroValue(){
     this.set('cat',"a cat");
   }
}

Amanshu Kataria 29 июль 2017, в 20:24

Источник

Теги:

javascript

web-component

polymer

polymer-2.x

1 ответ

Ещё вопросы

Ofisora · Accepted Answer · 2017-07-30T02-31-00.000Z

1

Лучший ответ

Это может помочь вам:

<app-localstorage-document key="CatValue" data="{{cat}}"></app-localstorage-document>

class MyApp extends Polymer.Element{
   static get is(){return 'my-app';}
   static get properties(){
     return{
       cat:{
         type: String,
         value: function() {
              return this.zeroValue;
         }
       }
     };
   }

   //Override the default method
   get zeroValue(){
     return 'a cat';
   }
}

Если вы не хотите переопределять zeroValue(), он сохранит значение ключа CatValue как неопределенное.

Ofisora 30 июль 2017, в 02:31

1

Это работает, но в отличие от iron-localstorage-load-empty , zeroValue() вызывается каждый раз. Я знаю, что это потому, что мы пытаемся получить значение от метода. Но можем ли мы сделать это как iron-localstorage-load-empty то вроде iron-localstorage-load-empty чтобы метод не вызывался каждый раз?
Amanshu Kataria 30 июль 2017, в 06:37
0

Также this.set('key',"some value"); не обновляет значение в локальном хранилище. Есть идеи, почему это не так?
Amanshu Kataria 30 июль 2017, в 08:44
0

Если вы добавите аргумент для получения zeroValue (), что скажет значение? Т.е. получить zeroValue (значение);
Rickard Elimää 30 июль 2017, в 10:36
1

@ RickardElimää говорит: Uncaught SyntaxError: Getter не должен иметь никаких формальных параметров.
Amanshu Kataria 30 июль 2017, в 12:28
0

@ RickardElimää, как вы можете видеть в документации на webcomponents.org/element/polymerelements/app-storage/elements/… : zeroValue - это метод get для определения значения по умолчанию, которое используется, когда данные не сохраняются. Попробуйте изменить имя функции, отличное от zeroValue.
Ofisora 30 июль 2017, в 12:38
0

@AmanshuKataria после того, как вы установите значение, которое нужно уведомить. Используйте this.notifyPath ('key') ;. Также вам может понадобиться поставить notify: true для этого ключа. Для получения дополнительной информации перейдите по ссылке : poly-project.org/2.0/docs/devguide/model-data.
Ofisora 30 июль 2017, в 12:42
1

@Ofisora Я попробовал то же самое, но это не работает.
Amanshu Kataria 30 июль 2017, в 12:53
1

Вот ссылка на плункер: plnkr.co/edit/g7YHiJ?p=preview . Это то, что вы ищите?
Ofisora 31 июль 2017, в 00:14
0

@Ofisora У меня проблема с объектами для this.set() . Можете ли вы помочь мне с этим?
Amanshu Kataria 01 авг. 2017, в 13:54
0

@AmanshuKataria не могли бы вы опубликовать свой код?
Ofisora 01 авг. 2017, в 21:09
0

Но если вы используете <input type="text" value="{{cat}}"></input> , cat не сохранит последнее значение при перезагрузке страницы, как это было бы с <iron-localstorage name="o_login" value="{{cat}}" on-iron-localstorage-load-empty="_initStorage"></iron-localstorage>
Thad 01 авг. 2017, в 23:00
1

@ AmanshuKataria Я думаю, что это не так. Пожалуйста, задайте новый вопрос.
Ofisora 01 авг. 2017, в 23:08

Показать ещё 10 комментариев