Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/258.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何使用vuejs和laravel在select中列出递归数组?_Php_Laravel_Vue.js - Fatal编程技术网

Php 如何使用vuejs和laravel在select中列出递归数组?

Php 如何使用vuejs和laravel在select中列出递归数组?,php,laravel,vue.js,Php,Laravel,Vue.js,我有一个递归数组,我想列在一个选择。。。但是我不知道如何动态地做这件事,因为我的想法是你可以创建N个类别和子类别 我的阵列 我有一种方法,我在控制器中接收这个数组,然后在select中显示它,但子数组或子数组不显示 到目前为止,我拥有的一个例子是我的选择 <select v-model="form.parent_id" name="form.parent_id" id="" class="form-control" :class="{ 'is-invalid': form.errors.h

我有一个递归数组,我想列在一个选择。。。但是我不知道如何动态地做这件事,因为我的想法是你可以创建N个类别和子类别 我的阵列

我有一种方法,我在控制器中接收这个数组,然后在select中显示它,但子数组或子数组不显示

到目前为止,我拥有的一个例子是我的选择

<select v-model="form.parent_id" name="form.parent_id" id="" class="form-control" :class="{ 'is-invalid': form.errors.has('parent_id') }">
   <option value="" selected>Seleccione un padre (Opcional)</option>
   <option v-for="c in arrayCategoria" :value="c.id" v-text="c.nombre"> 
   </option>
</select>

你能发布一个无法将你的数据解析为的代码示例吗?我编辑了我的出版物,以便你能看到它,我没有上传它,因为我不知道如何用孩子打印完整的数组。你能发布一个无法将你的数据解析为的代码示例吗?我编辑了我的出版物,以便你能看到它,我没有上传它,因为我不知道如何与孩子们一起打印完整的数组
<select v-model="form.parent_id" name="form.parent_id" id="" class="form-control" :class="{ 'is-invalid': form.errors.has('parent_id') }">
   <option value="" selected>Seleccione un padre (Opcional)</option>
   <option v-for="c in arrayCategoria" :value="c.id" v-text="c.nombre"> 
   </option>
</select>
selectCategoria(){
  let me=this
  var url= '/admin/selectCategoria'
  axios.get(url)
   .then(function (response) {
     var respuesta= response.data
     console.log(respuesta)
     me.nodes = respuesta.categorias
  })
  .catch(function (error) {
    toastr.error(error.response.data.message)
  });
}