vue 表单 select option

最新推荐文章于 2022-05-10 10:08:26 发布

Claroja

最新推荐文章于 2022-05-10 10:08:26 发布

阅读量219

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/claroja/article/details/112706426

版权

vue 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

<body>

<div id="app">
    <div>
        <span>职业：</span>
        <select v-model='occupation' multiple>
            <option value="0">请选择职业...</option>
            <option value="1">教师</option>
            <option value="2">软件工程师</option>
            <option value="3">律师</option>
        </select>
    </div>
    <input type="submit" value="提交" @click.prevent='handle'>
</div>

<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
    var vm = new Vue({
        el: '#app',
        data: {
            occupation: ['2','3'],
        },
        methods: {
            handle: function(){
                console.log(this.occupation)
            }
        }
    });
</script>
</body>