Question

我在项目中使用laravel和Vuejs，并且正在laravel集体工作。

我在laravel集体中使用了select标签，需要使用v-for根据vue js数组变量放置选项。我曾经这样

{{Form::select('sub_category',[0=>"--Select Category First--"],null,['class'=>'form-control']}}

一切正常，但是如何将选项作为数组变量vue js进行操作。如果是正常格式，则表示我会给

<option v-for="cat in sub_categories" :value="cat.id">{{cat.name}}.</option>

但是如何在laravel集体中做到这一点？

Answer 1

尝试使用<b-form-select> doc

并给:options映射您的类别，如下所示：

data () {
      return {
            categories: [
               {
                 value: null,
                 text: 'placeholder',
                 disabled: true
                }
              ],
            }
           },
        .
        .
        .
      mounted() {
         this.loadCategories()
      },
      methods: {
        loadCategories() {
        let categories = response.data.map(o => {
            return {
              value: o.id,
              text: o.category
            }
          })
          this.categories = this.categories.concat(categories)
        }

然后在您选择的u中将需要以下内容：

  <b-form-select :options="categories" v-model="category_id"></b-form-select>

Answer 2

您尝试过这样的事情吗？

 {{Form::select('categories', $categories, null, [ 
'placeholder' => __('app.subscriptions.form.select_plan') ])}}

您应该从控制器返回：

public function create() {
 $categories= Categories::where('active', 1)->pluck('name', 'id');
 return view('product-form', compact([ 'categories' ]));
 }

尝试类似这样的方法。 GL

在Laravel Collective中使用v-for

2 个答案: