vue vf-form无法获取ajax数据

时间:2017-06-08 15:43:34

标签: ajax laravel-5.3 vuejs2

我从vue vf-form的ajax有问题。 我在这个项目中有向导作为注册过程。 所以每一步我都有不同的看法。 代码:

<wizard-hidden-step
                        title="About your company"
                        v-ref:head2
                        :valid="valid.step2"
                        :locked="isLocked"
                        :loading="isSending"
                >
                    @include('auth.steps.step2', ['action' => "/company/signup/step2"])

                </wizard-hidden-step>

                {{-- ====== STEP 3 - ADDITIONAL INFO ========= --}}
                <wizard-hidden-step
                        title="Additional information"
                        description="Add company additional info"
                        v-ref:head3
                        :valid="valid.step3"
                        :locked="isLocked"
                        :loading="isSending"
                >
                    @include('auth.steps.step3', ['action' => '/company/signup/step3'])

                </wizard-hidden-step>

在所有视图中我都有类似的数据,但我会插入代码,我无法获取ajax数据:

<vf-form ajax
         action="{{ $action }}"
         method="POST"
         :validation="validation"
         v-ref:step2
>

PHP Laravel Controller:

return json_encode([ 'shared' => [ 'status' => 'ok', 'postcodes' => $postcodes ] ]);

之后我在控制台中有ajax数据(请参阅picture)但我无法在vf-select中设置该数据:

<vf-select
                    :items="shared.postcodes"
                    multiple
                    select2
                    err-msg="Postcodes"
                    name="postcodes"
                    :html="true"
                    :value=""
                    v-ref:postcodes
                    :options="{showDropdowns: true, width: '100%'}"
            >
            </vf-select>

我刚刚在vf-select中找不到任何结果。 请帮助我,我不知道该怎么做。

1 个答案:

答案 0 :(得分:1)

我找到了解决方案。 我是从后端发送共享对象,当我在共享中编辑它时,并在前端读取作为共享这是工作。我不知道它是如何工作的......