其他分享
首页 > 其他分享> > vue render函数的相关使用

vue render函数的相关使用

作者:互联网

  render: (h, params) => {
    let cont = params.row["cont"];
    return h("span", {
      domProps: {
        // 相当于v-html
        innerHTML: cont,
        // 相当于v-model
        value:this.vModel
      },
      style: {
        margin: 0,
        ':hover': {
          background: "red"
        }
      },
      // 放自有属性,如img标签的src
      attrs:{

      },
      // 事件
      on: {
        click: () => {

        }
      }
    }, '这里可以放内容');
  }

内嵌多层元素时

   reutrn h("div",{
        id:"test"
      },h("p",{
        class:"children"
      }))

标签:vue,cont,函数,render,innerHTML,vModel,params,相当于
来源: https://blog.csdn.net/weixin_43371136/article/details/121016185