vue h render function & render select with options bug

丶灬走出姿态 提交于 2020-01-17 13:06:42

vue h render function & render select with options bug

https://github.com/xgqfrms/vue/issues/41

bug

vue h render function & render select

how to use vue h render function to render select?

https://vuejs.org/v2/guide/render-function.html

let options = [];
    options = bids.map(
        (obj, i) => {
            let {
                name,
                bid,
            } = obj;
            return h("h-option", {
                props: {
                    value: bid,
                    // label: name,
                    key: i,
                },
                attrs: {
                    "data-bid": bid,
                },
                class: [
                    "audit-common-select",
                ],
                // style: {
                //     color: "#298DFF !important",
                //     textDecoration: "none",
                //     cursor: "pointer",
                //     marginRight: "5px",
                // },
                on: {
                    click: () => {
                        //
                    },
                }
            }, name);
        }
    );
    let select = () => {
        // h-select v-model="model12" filterable multiple
        return h("h-select", {
            props: {
                // values: options,
                value: bids[0].bid,
                filterable: true,
                clearable: true,
            },
        });
    };
    return h("div", select);
let options = [];
    options = bids.map(
        (obj, i) => {
            let {
                name,
                bid,
            } = obj;
            return h("h-option", {
                props: {
                    value: bid,
                    // label: name,
                    key: i,
                },
                attrs: {
                    "data-bid": bid,
                },
                class: [
                    "audit-common-select",
                ],
                // style: {
                //     color: "#298DFF !important",
                //     textDecoration: "none",
                //     cursor: "pointer",
                //     marginRight: "5px",
                // },
                on: {
                    click: () => {
                        //
                    },
                }
            }, name);
        }
    );
    let select = () => {
        // h-select v-model="model12" filterable multiple
        return h("h-select", {
            props: {
                // values: options,
                value: bids[0].bid,
                filterable: true,
                clearable: true,
            },
        }), options;
    };
    return h("div", select);

ok



标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!