markdown Pasarparámetrosdesde纸质按钮

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown Pasarparámetrosdesde纸质按钮相关的知识,希望对你有一定的参考价值。

## Pasar parámetros

Antes de nada debemos definir el componente, en este caso un paper-button.

```html
<paper-button class="buton-edit">Edit</paper-button>
```

Después deberemos definir el método que enlazaremos como manejador de algun evento de nuestro componente.

```javascript
_handleEdit(e){
    console.log('Button click event launched');
  }
```

Ahora agregaremos el evento al componente utilizando el siguiente código `on-click="_handleEdit"`

```html
<paper-button class="buton-edit" on-click="_handleEdit">Edit</paper-button>
```

En seguida agregamos una propiedad para agregar los parámetros a nuestra función con el siguiente código `data-args="value 1"`

```html
<paper-button class="buton-edit" on-click="_handleEdit" data-args="value 1">Edit</paper-button>
```

__Nota:__ para agregar un parámetro a manera de variable es necesario agregar un `$` antes de la asignación del `data-args`


```html
<paper-button class="buton-edit" on-click="_handleEdit" data-args$="[[item.name]]">Edit</paper-button>
```

Un ejemplo de como obtener el argumento pasado se describe en el siguiente código

```javascript
_handleEdit(e){
    console.log('Args');
    let uid = e.target.getAttribute('data-args'); // Obtener parámetros
    window.history.pushState({}, null, '/service/'.concat(uid)); // navegar hacia otra página
    window.dispatchEvent(new CustomEvent('location-changed')); // Notificar que queremos navegar
  }
```

以上是关于markdown Pasarparámetrosdesde纸质按钮的主要内容,如果未能解决你的问题,请参考以下文章

markdown Formulárioutilizando模型

markdown melhorespráticas - node

markdown Exemplos detestesunitários

markdown Miestándarcss

markdown Miestándarhtml

markdown CLI - Básico