<script>
       Vue.component('CheckBox',{
           props:{
               values:{
                   type:Array
               },
           },
           data(){
               return{
                checked: []
               }
           },
           template:`
           <div>
                <div v-for="item in values">
                    <input type="checkbox" :id="item" :value="item" v-model="checked">
                    <label :for="item">{{item}}</label>
                </div>
                <span>Checked names: {{ checked}}</span>
            </div>
           `,
           
       })
       new Vue({
           el:'#app',
           template:`<div>
                  <CheckBox :values="['苹果','草莓','橘子']"/>
             </div>
           `,
})

语法为 :属性名="item"

最后

以上就是冷酷大神为你收集整理的vue中通过v-for循环遍历得到的值如何加到dom节点的属性中以及vue将多选框选中的值渲染到页面语法为 :属性名="item"的全部内容，希望文章能够帮你解决vue中通过v-for循环遍历得到的值如何加到dom节点的属性中以及vue将多选框选中的值渲染到页面语法为 :属性名="item"所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。