select 元素中 v-model 的绑定

最新推荐文章于 2024-06-20 09:46:43 发布

想收租的胖子

最新推荐文章于 2024-06-20 09:46:43 发布

阅读量1k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_44330307/article/details/100077561

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<body>
    <div class="vue">
        <select v-model="selected">
            <option :value="op[1]" v-text="op[0]"  v-for="op in option"></option>
        </select>
        <div v-text="selected"></div>
    </div>
</body>

<script>
    var a = new Vue({
        el: ".vue",
        data() {
            return {
                option: [
                    [1, 2],
                    [3, 4],
                    [5, 6]
                ],
                selected: "",
            }
        },
    })
</script>

事实证明，在 select 中 v-model 的是 option 的 value

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

想收租的胖子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
select 元素中 v-model 的绑定

<body> <div class="vue"> <select v-model="selected"> <option :value="op[1]" v-text="op[0]" v-for="op in option"></option> </select>...
复制链接

扫一扫