Vue-Multiselect with Laravel 5.3
<p>I'm new to Laravel and Vue and need help implementing Vue-Multiselect.</p>

<p>I don't know how to pass the actual options to the select.</p>

<p>My vue file:</p>

<pre><code>    &lt;template&gt;
    &lt;div class="dropdown"&gt;
        &lt;multiselect
                :selected.sync="selected"
                :show-labels="false"
                :options="options"
                :placeholder="placeholder"
                :searchable="false"
                :allow-empty="false"
                :multiple="false"
                key="name"
                label="name"
        &gt;&lt;/multiselect&gt;
        &lt;label v-show="showLabel" for="multiselect"&gt;&lt;span&gt;&lt;/span&gt;Language&lt;/label&gt;
    &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
    import { Multiselect } from 'vue-multiselect';

    export default {
        components: { Multiselect },

        props: {
            options: {},
            placeholder: {
                default: 'Select one'
            },
            showLabel: {
                type: Boolean,
                default: true
            },
            selected: ''
        }
    };
&lt;/script&gt;
</code></pre>

<p>My blade file:</p>

<pre><code>    &lt;div class="form-group"&gt;
    &lt;drop-down
        :options="{{ $members-&gt;list }}"
        :selected.sync="selected"
        :show-label="false"
     &gt;&lt;/drop-down&gt;
&lt;/div&gt;
</code></pre>

<p>In my controller method I tried a few things:</p>

<p>1.</p>

<pre><code>public function edit($id)
{
    ....
    $members_list = Member::orderBy('member_first_name')-&gt;pluck('member_first_name', member_id');
     return view('businesses.edit', compact('members_list'));
}
</code></pre>

<p>I got this error:
[Vue warn]: Invalid prop: type check failed for prop "options". Expected Array, got Object. (found in component: ).</p>

<p>2.I tried:</p>

<pre><code>$members = Member::orderBy('member_first_name')-&gt;pluck('member_first_name', member_id');
$members_list = $members-&gt;all();
return view('businesses.edit', compact('members_list'));
</code></pre>

<p>I got this error:
htmlspecialchars() expects parameter 1 to be string, array given (View: C:\wamp\www\ccf.local\resources\views\businesses\edit.blade.php)</p>

<p>3.</p>

<pre><code>$members = DB::table('members')
            -&gt;orderBy('member_first_name', 'asc')
            -&gt;get();
        $members_list = array();
        foreach($members as $mem) {
            $members_list[$mem-&gt;member_id] = $mem-&gt;member_first_name;
        }
</code></pre>

<p>I got this error: htmlspecialchars() expects parameter 1 to be string, array given (View: C:\wamp\www\ccf.local\resources\views\businesses\edit.blade.php)</p>

<p>So I need help with 2 things: </p>

<ol>
<li>How to send the $members_list as the options</li>
<li><p>How can I combine the member_first_name and member_last_name fields so I can get options like this: </p>

<p>option value="member_id"
option text = member_first_name member_last_name</p></li>
</ol>

<p>Thank you</p>