小编ast*_*ame的帖子

如何使用Vue Select库在vue-select字段中显示多个标签

我在 html 表单中使用 Vue Select 库中的 vue-select 组件,如下所示,我想在标签中显示三个值,但不知道如何实现。我在文档中找不到任何解决方案。

我想在标签中显示三个值,如下所示。

    <v-select id="selected_item" name="selected_item" title="Select an item" :options="formfieldsdata.items" :reduce="item_name => item_name.id" label="item_name+'::'+item_code+'::'+item_created_at" v-model="item.selected_item" @input="getSelectedItem"  style="width: 100%; height:56px;" />
Run Code Online (Sandbox Code Playgroud)

HTML:


     <script src="{{ asset('assets/requiredjs/vue-select.js') }}"></script>
     <link href="{{ asset('assets/requiredcss/vue-select.css') }}" rel="stylesheet">

Run Code Online (Sandbox Code Playgroud)

    <v-select id="selected_item" name="selected_item" title="Select an item" :options="formfieldsdata.items" :reduce="item_name => item_name.id" label="item_name" v-model="item.selected_item" @input="getSelectedItem"  style="width: 100%; height:56px;" />

Run Code Online (Sandbox Code Playgroud)

JS:


    Vue.component('v-select', VueSelect.VueSelect);

    var app = new Vue({
        el: '#app',
        data: {

        formfieldsdata: {

                items: [],

            },

        item: {
                selected_item: 0,
            },

        }

        });

Run Code Online (Sandbox Code Playgroud)

参考 vue select …

vuejs2

4
推荐指数
1
解决办法
1万
查看次数

Laravel:多个模型的一个观察者

我有多个具有相同逻辑 oncreated 方法的模型,我可以有一个观察者吗?或者另一种方法只是为了避免为每个模型创建多个观察者?

php laravel

3
推荐指数
1
解决办法
1232
查看次数

Laravel 5.8 - 验证未来日期

如何验证给定日期是将来的日期而不是过去的日期?或者,Html 5 是否允许禁用日期字段中的过去日期?

我的应用程序中有一个表单,允许用户从 HTML 日期输入字段中选择事件的开始日期。我希望用户只选择未来的日期而不是过去的日期。

validation laravel laravel-5

2
推荐指数
1
解决办法
7612
查看次数

标签 统计

laravel ×2

laravel-5 ×1

php ×1

validation ×1

vuejs2 ×1