tnblog
首页
视频
资源
登录

vue获取select选中的的值

8712人阅读 2021/11/27 11:44 总访问:555136 评论:0 收藏:0 手机
分类: 前端


select中加一个v-model即可

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="~/Scripts/jquery-3.3.1.min.js"></script>

<div id="pro_citys">

    省:<select id="provice" v-on:change="getCitys" v-model="selected">
        <option v-for="item in provices" :value="item.Id">{{item.ProviceName}}</option>
    </select>

</div>

<script>

    var vm = new Vue({
        el: "#pro_citys",
        data: {
            selected: "1",
            provices: [],
        }
    });

    $.get('/vue/GetProvice', function (result) {
        vm.$data.provices = result;
        //初始化select选中的值为数据中的第一个
        vm.$data.selected = vm.$data.provices[0].Id;
    })

</script>


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739

评价
这一生多幸运赶上过你.
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术