Question

我只想确定是否在Vue js 2中选中了复选框。在jquery中我们有像 $（'input [type = checkbox]'）这样的函数.prop（'checked'）; 如果选中复选框，则返回true。 Vue js中的等价函数是什么。

以下是带代码的方案。请注意我正在使用laravel及其刀片模板。

@foreach ($roles as $role)
   <input type="checkbox" v-on:click="samplefunction({{$role->id}})" v-model="rolesSelected" value="{{$role->id}}">                       
@endforeach

js部分是

<script>
  var app = new Vue({
    el: '#app1',
    data: {
      rolesSelected:"",
    },
    methods : {
      samplefunction : function(value) {
        // Here i want to determine whether this checkbox is checked or not   
      }
    },
  });

</script>

Answer 1

您可以执行以下操作：

if(this.rolesSelected != "") {
   alert('isSelected');
}

或 v-on:click="samplefunction({{$role->id}},$event)"

samplefunction : function(value,event) {
        if (event.target.checked) 
      }

Answer 2

这对我有用。

SELECT dt.* from DistTable AS dt ORDER BY dt.dDistance ASC;

如何确定是否在Vue js中选中了复选框

2 个答案: