У меня есть CRUD, в части все хорошо регистрируется, но при редактировании мне требуется, чтобы были выбраны все множественные опции, заполненные в реестре, он хорошо работает, когда он не кратен, но когда он многократный, он не делает выберите, я использую пакет Vue -Multiselect и Laravel, затем я оставляю свою попытку.
Контроллер (я передаю переменную "категория" с параметрами, выбранными в реестре, и "категории" все варианты) :
public function edit(Video $video)
{
$this->authorize('admin.video.edit', $video);
return view('admin.video.edit', [
'video' => $video,
'tubes' => Tube::get(),
'actores' => Actores::all(),
'tube' => $video->tube,
'categoria' =>$video->categorias,
'categorias' => Categoria::get(),
//'tubeid' => $tube->id,
]);
}
Blade :
<div class="form-group row align-items-center"
:class="{'has-danger': errors.has('categoria_id'), 'has-success': this.fields.categoria_id && this.fields.categoria_id.valid }">
<label for="categoria_id"
class="col-form-label text-center col-md-4 col-lg-3">Categorias</label>
<div class="col-md-8 col-lg-9">
<multiselect
v-model="form.categoria"
:options="categorias"
:multiple="true"
track-by="id"
label="nombre"
tag-placeholder="{{ __('Select Categoria') }}"
placeholder="{{ __('Categoria') }}">
</multiselect>
<div v-if="errors.has('categoria_id')" class="form-control-feedback form-text" v-cloak>@{{
errors.first('categoria_id') }}
</div>
</div>
</div>
Компонент Vue форма:
import AppForm from '../app-components/Form/AppForm';
Vue.component('video-form', {
mixins: [AppForm],
props: ['tubes','tubeid','actores','categorias'],
data: function() {
return {
form: {
enlace: '' ,
duracion: '' ,
tube_id: '' ,
pornstar_id: '' ,
categoria_id: '' ,
published_at: '' ,
estado: true ,
tube: '' ,
actor: '' ,
categoria: '' ,
}
}
}
});