vue 循环勾选框_基于vue v-for 循环复选框-默认勾选第一个的实现方法

基于vue v-for 循环复选框-默认勾选第一个的实现方法

应用场景：在进行多选的时候一般默认显示第一个。

实现方法：纯vue实现

例子：

{{one.name}}

//:checked="index == 0"为索引为0的，即为第一个复选框添加属性。

拓展：默认被选中的复选框，只需要index指定即可。

以上这篇基于vue v-for 循环复选框-默认勾选第一个的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

您可能感兴趣的文章:

Vue.js常用指令之循环使用v-for指令教程

浅谈vue.js中v-for循环渲染

时间： 2018-03-01

前言 Vue.js中,v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名. v-for 可以绑定数据到数组来渲染一个列表:

1. {{ site.name }}

这两天学习了Vue.js 感觉v-for循环渲染这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记. 一.简介 vue.js 的循环渲染是依赖于 v-for 指令,它能够根据 vue 的实例里面的信息,循环遍历所需数据,然后渲染出相应的内容.它可以遍历数组类型以及对象类型的数据,js 里面的数组本身实质上也是对象,这里遍历数组和对象的时候,方式相似但又稍有不同. (一)遍历对象

• 本文介绍了Vue.js中ref ($refs)用法举例总结,分享给大家,具体如下: 看Vue.js文档中的ref部分,自己总结了下ref的使用方法以便后面查阅. 一.ref使用在外面的组件上 HTML 部分

  Vue.js的事件处理 监听事件 我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码.

  {{msg}}

  var vm = new Vue({ el:".box", data:{ msg

  v-on 事件指令用于绑定事件. 1 基础用法 v-on 指令绑定事件后,就会监听相应的事件. html:

  已点击 {{count}} 次

  点我

  注意: @click 是 v-on:click 的简写形式, @ 即表示 v-on: . js: