其他分享
首页 > 其他分享> > 如何在render中循环(3)

如何在render中循环(3)

作者:互联网

如何在render函数中循环,实现以下代码

    <ul>
      <li>青椒炒肉丝 </li>
      <li>西红柿炒肉丝 </li>
      <li>蘑菇炒肉丝 </li>
    </ul>

在render中实现循环

export default{
    data(){
        return{
            isRed:true,
            arr:["青椒炒肉丝","西红柿炒肉丝","蘑菇炒肉丝"],
            inputValue:""
        }
    },
    //  h 最终创建的是一个元素
    // 第一个参数div  是表示创建一个div区域的元素
    // 第二个参数class表示的是这个div上有一个属性
    // 第三个参数可以是数组,表示div元素下的子元素
    render(h){
        return h('ul',
        // 第三个参数
        this.arr.map(item=>h("li",item))
       );
        
    }
}


标签:arr,肉丝,render,元素,如何,循环,参数,div
来源: https://www.cnblogs.com/IwishIcould/p/12423525.html