在laravel刀片服务器中使用refs预先检查复选框

Question

我正在尝试使用ref来从laravel刀片中的foreach循环的每一行中获取数据，并且预检查复选框的值与复选框匹配。在此示例中，如果循环中的一行包含$result->siteintra和$result->categorycatalog，则希望选中该行的intra和catalog复选框。

我使用refs是因为我必须对行中的其他数据执行类似的操作，但是我不知道确切地如何将其应用于将刀刃值与复选框的id或值匹配并使之选中。

我在这里想念什么？

@foreach($getResults as $k => $result)

    //$result->site and $result->category hold the value I need to match in order to pre-select a checkbox

    <div slot="site" >
        <input category="checkbox" id='direct' value='direct'   ref="existingsiteNames" data-md-icheck  />
        <label>Direct</label><br>
        <input category="checkbox" id='intra' value='intra'  ref="existingsiteNames" data-md-icheck  />
        <label>Intra</label><br>
    </div>

    <div slot="category" >
        <input category="checkbox" id='marketing' value='marketing' ref="existingcategoryNames" data-md-icheck  />
        <label>Marketing</label><br>
        <input category="checkbox" id='catalog' value='catalog' ref="existingcategoryNames" data-md-icheck  />
        <label>Catalog</label><br>
    </div>

    <div slot="footer">
      <button class="modal-save-button" @click="updateHandler">
        Save
      </button>
    </div>
@endforeach

new Vue({
    el:'#app',
    data: { 
        showGroupModal: false,
        showAddModal: false,
        existingcategoryNames: [],
        existingsiteNames: [],
    },
    methods: {
        updateHandler(event) {
            this.showGroupModal = false;
            this.updateGroupDetails(event);
        },
        updateGroupDetails: function(event){

            let data = {
                site: this.$refs.existingsiteNames,
                category: this.$refs.existingcategoryNames,
            };

            axios.post('/update', data)
            .then((response) => {
            })
            .catch(function (error) {
            })
            .finally(function () {
            });
        },
    }
})

Answer 1

如果我正确理解了您的问题，则希望根据条件选中复选框。这是我自己的代码中的一个示例：

<input {{ $something->isAwesome ?: "checked" }} type="checkbox" >

在此示例中，我们检查$ something是否很棒，如果是，则打印字符串“ checked”，使复选框处于选中状态。如果这不是您想要完成的工作，请告诉我，我将更新答案。