vue.js最简单的方式绑定select - 苏飞论坛

[HTML] 纯文本查看 复制代码

<select name="color" v-model="ddlStatus">

                                <option v-for="item in ddlStatus" :value="item.value" :key="item.value" name="sendValue">{{ item.label }}</option>

                            </select>

[JavaScript] 纯文本查看 复制代码

    <script type="text/javascript">

        var rw = new Vue({

            el: "#grid",

            data: {

                ddlStatus: [

                        {

                            value: '0',

                            label: '不限'

                        },

                        {

                            value: '1',

                            label: '请假中'

                        },

                        {

                            value: '2',

                            label: '结束'

                        }

                    ]

            }

            

        });

    </script>

[C#] 纯文本查看 复制代码

    <script src="/js/vue.js" type="text/javascript"></script>