v-for 的时候 ,怎么得到当前check= true,的value值,发下代码

问题

我一点击就全部选中了,我想点击当前的时候,得到当前的value值
https://img.mukewang.com/5c9880060001cfb602990218.jpg

https://img.mukewang.com/5c988006000179ba03370250.jpg

<template>

    <div>

        <div v-for="item in testData" :key="item.id">

            <input type="checkbox" :checked="item.value"  :value="item.value" v-model="checkedNames">

            <label :for="item.value">{{item.value}}</label>

        </div>

        <span>选择的值为: {{ checkedNames }}</span>

    </div>


</template>



<script>

export default {

    data() {

        return {

            checkedNames: "",

            testData: [

                { id: 1, value: "jie" },

                { id: 2, value: "biao" },

                { id: 3, value: "nine" }

            ]

        };

    }

};

</script>


至尊宝的传说
浏览 332回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript