用render渲染poptip,再往poptip裡面渲染內容
阿新 • • 發佈:2019-01-04
js:
columns: [ { title: "資料來源", key: "q", render: (h, params) => { return h("div", {}, [ h( "poptip", { props: { placement: "bottom" }, style: { cursor: "pointer", color: "#f00" } }, [ h('span',{},'新增資料'), h("div", { slot: "content" }, [ h( "checkboxGroup", { vModel: "checkboxValue", on: { "on-change": val => { this.checkboxValue = val; console.log(val,"111111111",this.checkboxValue); } } }, [ h("checkbox", { props: { label: "人力總數" }, style: { display: "flex" } }), h("checkbox", { props: { label: "新進人力" }, style: { display: "flex" } }), h("checkbox", { props: { label: "流失人力" }, style: { display: "flex" } }), h("checkbox", { props: { label: "出勤" }, style: { display: "flex" } }), h("checkbox", { props: { label: "直接人力" }, style: { display: "flex" } }), h("checkbox", { props: { label: "間接人力" }, style: { display: "flex" } }) ] ) ] ) ], ) ]); } },
執行結果: