Conditional Rendering in LWC

February 14, 2021 nisarkhan LWC, 0

HTML:

JS:

import { LightningElement } from 'lwc';

export default class HelloConditionalRendering extends LightningElement {
    isVisible = false
    name
    handleClick(){
        this.isVisible = true
    }

    changeHandler(event){
        this.name = event.target.value
    }

    get helloMethod(){
        return this.name === 'hello'
    }

}

import { LightningElement } from 'lwc';

export default class HelloConditionalRendering extends LightningElement {

isVisible = false

name

handleClick(){

this.isVisible = true

}

changeHandler(event){

this.name = event.target.value

}

get helloMethod(){

return this.name === 'hello'

}

Use Getters and Setters Template Looping in LWC

Conditional Rendering in LWC

Leave a Reply Cancel reply

Pages

Categories

Archives