首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏hml_知识记录

    Vue-select下拉框组件清空选值

    这个问题搞得头大,新增成功后 ,这个下拉框老清空不了,还是要看文档啊,在这里记录下 <v-select label="name" :options="advertisers" v-model="form.advertiser_id " :reduce="name => name.id" ref="ad"> </v-select> 直接用this.form.advertiser_id = '' 清空是不行的

    7.9K30编辑于 2022-03-05
  • 来自专栏谭伟华的专栏

    Vue 组件开发实践之 scopedSlot 的传递

    如果是比较复杂的允许自定义的list item,在组件里写死dom结构就行不通了,比如: 有了scoped slot实现很轻松: <v-select kind="popup" :options

    {{ props.item.url }}
    </template> </v-select item.text }} </slot>
select template结构示意: <div class="<em>v-select</em> modifiers: { click: true } }]; return ( <div class={{ '<em>v-select</em>

12.7K20发布于 2017-05-05
  • 来自专栏万丈高楼平地起

    小程序开发知识必备-自定义组件

    (document).ready(function()) 简写为 (function(){}); 3.小程序组件的使用 父组件: index.json { "usingComponents": { "v-select ": "/component/select/select" } } 注意事项: v-select 是你定义的组件的名称,后面的是组件所在的位置。 index.wxml <v-select select-array='{{selectArray}}' bind:getNowData='getCurrentTextAction' current-text bind:getNowData ,名称一定要对应 this.triggerEvent("getNowData", nowDate); }, }, }); 传参 //父组件传值 <v-select 这里的 getNowData 要和外部的 bind:getNowData ,名称一定要对应 this.triggerEvent('getNowData', nowDate); //父组件 <v-select

    1.7K20编辑于 2022-03-09
  • 来自专栏历史专栏

    【愚公系列】2023年02月 WMS智能仓储系统-015.基础设置(商品管理、供应商信息、仓库设置)

    > <v-select v-model="data.form.volume_unit" > <v-select v-model="data.form.weight_unit" > <v-select v-model="data.form.volume_unit" > <v-select v-model="data.form.weight_unit" > <v-select v-model="data.form.warehouse_area_property" :items

    1.4K20编辑于 2023-03-16
  • 来自专栏全栈技术

    项目之前后端分离及导航栏标签列表(7)

    发布问题表单中显示标签下拉列表 在question/create.html中,第209行,将原有的<select>标签整个改为: <v-select :options="tags" v-model="selectedTags " multiple required placeholder="请选择问题的分类标签(可多选)"> </v-select> 第190行,将

    标签的原id="app"改为id="createQuestionApp 中引用以上新创建的js文件: <script src="/js/question/create.js"></script> 接下来,在create.js中添加测试代码: Vue.component('v-selectv-select绑定的:options就是列表项数据,该数据可以是JSON对象的数组,默认情况下,每个JSON对象中的label属性表示列表项显示的文本,value属性表示将要提交的值,所以,可以将以上测试代码改为 : Vue.component('v-select', VueSelect.VueSelect); let createQuestionApp = new Vue({ el: '#createQuestionApp

    1.8K10发布于 2021-08-23
  • 来自专栏历史专栏

    【愚公系列】2023年02月 WMS智能仓储系统-014.基础设置(菜单设置、用户管理、商品类别设置)

    'base.roleMenu.role_name')" variant="outlined" clearable ></v-select outlined" chips multiple clearable > </v-select > <v-select v-model="data.form.sex" :items="data.combobox.sex 'base.userManagement.sex')" variant="outlined" clearable ></v-select data.rules.category_name" variant="outlined" ></v-text-field> <v-select

    84720编辑于 2023-03-16
  • 来自专栏全栈技术

    项目之提问页面-显示问题、发表问题(8)

    提问页面-显示问题标签的下拉列表 关于js代码: Vue.component('v-select', VueSelect.VueSelect); let createQuestionApp = new application.properties中添加配置: spring.jackson.default-property-inclusion=non_null 在前端页面中,关于显示“老师”的下拉列表,先将原有的<select>替换为: <v-select selectedTeacherIds.length < 3" multiple required placeholder="请选择回答问题的老师(最多可以选择3个)"> </v-select createQuestionApp.teachers = teachers; } }); } 最后,在created中补充调用以上方法: this.loadTeacher(); 完整的js代码: Vue.component('v-select

    3K20发布于 2021-08-23
  • 来自专栏Web技术学苑

    写了个自定义指令,支持elementUI2.0下拉框组件虚拟列表显示

    v-model="form.value1" placeholder="请选择" @visible-change="handleVisibleChange" v-select :value="item.value" > </el-option> </el-select> </el-form-item> 我们看到v-select el-select v-model="form.value1" placeholder="请选择" @visible-change="handleVisibleChange" v-select

    2.8K20编辑于 2022-12-21
  • 来自专栏历史专栏

    【愚公系列】2023年02月 WMS智能仓储系统-012.登录功能的实现

    data.isShowPassword" ></v-text-field> <v-select v-model="data.form.sex 'base.userManagement.sex')" variant="outlined" clearable ></v-select

    1.1K30编辑于 2023-03-16
  • 来自专栏cwl_Java

    商城项目-商品新增

    组件名:v-select 比较重要的一些属性: item-text:选项中用来展示的字段名,默认是text item-value:选项中用来作为value值的字段名,默认是value items:待选项的对象数组 --品牌--> <v-select :items="brandOptions" item-text="name" item-value="id" label --否则,显示下拉选项--> <v-select v-else :label="param.k" v-model="param.v" :items="param.options

    4.1K20发布于 2020-02-11
  • 来自专栏历史专栏

    【愚公系列】2023年02月 WMS智能仓储系统-017.仓内作业(库存冻结、库存调整、库存盘点)

    router.sideBar.warehouseAdjust')}`"></v-toolbar> <v-card-text> <v-form ref="formRef"> <v-select disabled="isAssociatedJobType" @update:model-value="method.changeJobType" ></v-select

    1.3K20编辑于 2023-03-16
  • 领券