SF Lightning Web Components-> как передать значение - PullRequest
Новая
       7

SF Lightning Web Components-> как передать значение

0 голосов
/ 28 февраля 2019

Кто-нибудь знает, как передать проверенное значение в поле Lightning Web Component?Мой код выглядит так: 

import { LightningElement, track } from 'lwc';
export default class MyComponent extends LightningElement {
    @track isChecked;

    constructor() {
        super();
        isChecked = false;
    }   

}
<template>
    <lightning-card title="My Card" icon-name="custom:custom9">
        <div class="slds-m-around_medium">
                <lightning-input type="checkbox" label="my checkbox" name="input1" checked="{isChecked}"></lightning-input>
        </div>
    </lightning-card>    
</template>

и это не работает.

1 Ответ

0 голосов
/ 30 апреля 2019

Пожалуйста, укажите код, который я написал для вас, это будет иметь смысл, если не спросите меня.

Ваш html для одного или нескольких флажков 

<template>
    For multiple Checkbox use Checkbox Group
    <lightning-checkbox-group name="Checkbox Group"
                              label="Checkbox Group"
                              options={options}
                              value={value}
                              onchange={handleChange}></lightning-checkbox-group>
    <p>Selected Values are: {selectedValues}</p>

      for just single Checkbox
    <input type="checkbox" name="vehicle1" value="Bike" id="mycheck" onclick={myFunction}> I have a bike<br>

    <p>Selected:</p> {checkvalue} 
</template>

Ваши js, чтобы справиться с этим, Для одного флажка прямо сейчас он присваивает значение (которое вы запрашивали), чтобы сделать его простым, вы можете изменить его, чтобы присвоить истинное ложное значение в зависимости от последнего значения.

import { LightningElement, track } from 'lwc';

export default class CheckboxGroupBasic extends LightningElement {
    @track value = ['option1'];
    @track checkvalue ;

    get options() {
        return [
            { label: 'Ross', value: 'option1' },
            { label: 'Rachel', value: 'option2' },
        ];
    }

    get selectedValues() {
        return this.value.join(',');
    }

    handleChange(e) {
        this.value = e.detail.value;
    }

    myFunction(e){  // it is simple assigning value. here you can toggle value
         this.checkvalue = e.target.value;
    }
}

У нас есть ссылка на игровую площадку LWC, и вы хотите, чтобы она работала.https://developer.salesforce.com/docs/component-library/tools/playground/1_UbRgnJ9/9/edit

Не забудьте повысить голосование и выбрать лучший ответ, если он правильный в соответствии с вашими потребностями.

...