Question

在我的编辑页面上，我试图根据我已分配给我的角色的权限自动选中我的复选框，但我不知道如何使其工作。任何的想法？目前，在我的代码中，我取消选中了我所有权限列表的复选框。

@Echo Off SetLocal EnableDelayedExpansion Set "HEX=AABBCCDDEEF0011223344556677889900" Set "PAIRS=" For /F %%A In ('PowerShell -C "'%HEX%' -Split '(..)'|?{$_}"') Do Set "PAIRS=!PAIRS! %%A" Echo %PAIRS:~1% Timeout -1

＆＃13;

Edit.blade

＆＃13;

var app = new Vue({
  el: '#app',
  data: {
    permissionsSelected: []
  }
});

＆＃13;

Answer 1

从div中删除v-model="permissionsSelected"并将其添加到每个复选框：

<div class="from-group">
  <div class="checkbox-group">
    @foreach ($permissions as $permission)
    <div class="field">
      <input
        type="checkbox" 
        value="{{$permission->id}}"
        name="permissions[]" 
        v-model="permissionsSelected"> {{$permission->display_name}}
    </div>
    @endforeach
</div>

还要确保您的数据设置是返回对象的函数：

data () {
  return {
    permissionsSelected: []
  }
}

使用vue.js自动选中复选框值

1 个答案: