使用Vue将Multiselect绑定到Laravel中的数据库查询中

时间:2019-03-21 17:57:12

标签: javascript laravel vue.js

当前,在Laravel中,我有一个有效的Vue实例multiselect,该实例成功显示了经过硬编码的选项,但是如果没有选项,我还可以将输入另存为标签:

new Vue({
    components: {
        Multiselect: window.VueMultiselect.default
    },
    data () {
        return {
            value: [],
            options: [
              { tag: '123', name: 'Test 1'},
              { tag: '456', name: 'Test 2'},


            ]
        }
    },
    methods: {
        addTag (newTag) {
          const tag = {
            name: newTag,
            code: newTag.substring(0, 2) + Math.floor((Math.random() * 10000000))
          }
          this.options.push(tag)
          this.value.push(tag)
        }
    }
}).$mount('#tagContent');

我正试图将其绑定到控制器中的数据库查询中,以从数据库结果中获取自动完成功能。我具有该功能,并且已经通过对$s进行硬编码对其进行了测试,但是现在我将其设置为获取带有tagSearch名称的输入,并且我对如何将其绑定以使搜索继续感到非常困惑我的多重选择将正确地实现此功能。我是Vue的新手,所以这里的任何帮助都非常感谢

public function searchTags()
{   
    $s = "%" . Input::get('tagSearch') . "%";
    $search = Tags::where('TAG_DATA', 'LIKE', $s)->get();

    return json_encode($search);
}

0 个答案:

没有答案