vue处理下拉列表  vue绑定下拉列表        <select id="selected" v-model="selected"><option value="" >{{selecttext}}select>          selected:'',         selecttext:'选择优惠券',                    //处理优惠券
vue
原创 2021-06-03 20:17:29
1436阅读
vue在移动端开发过程中,上拉加载、下拉刷新是页面的基本需求,现在给大家介绍一种基于touch事件封装的刷新组件。组件支持传参、传递事件、请求成功异步回调、上拉与触底触发加载或刷新。父子组件间的通信这里我们有两个页面,父组件note.vue与刷新组件baseScroll.vue。通过Prop向子组件传递数据、通过事件向父组件发送消息、通过插槽slot分发内容。note:<base-scrol
使用vue实现简单的select下拉选择看看效果下面看看代码如何实现:1.代码结构:index.js文件 注册全局组件TySel
智能社——http://www.zhinengshe.com {{value}} 暂无数据... ...
转载 2017-06-10 01:15:00
147阅读
2评论
vue下拉组件(vue-listbox-multiselect)Vue Dual list-box multi-select drop-down component for enterprise applications. Vue用于企业应用程序的双列表框多选下拉组件。 (Motivation)There are several good multi-select components avail
最近在工作之余一直学习Vue3.0相关知识,虽然Vue3.0至今还是rc版,但这并不影响我们去学习。今天这篇文章是我关于Vue3.0的第四篇文章。在前文中我们讲解了如何通过vite和vuecli搭建Vue3.0开发环境,然后介绍了Vue3.0中的setup,reactive,ref等,今天这篇文章主要讲解了以下内容: Vue3.0中使用watch Vue3.0中使用计算属性 Vue3.0中使用v
<script setup lang="ts"> import { Empty } from 'ant-design-vue'; const props = withDefaults(defineProps<{ modelValue: any[] // 重要: 外部在使用这个的时候,不要修改,要通过
原创 9月前
103阅读
{{title}} {{selectValue}} 0"> {{item}} {{day}} {{title}} ...
转载 2019-05-28 11:48:00
443阅读
2评论
html <div> 语言:<select v-model="selectClassEnd" @change="selectClass($event)"> <option v-for="(options,id) in selectClassData" :key="id" :value="option ...
转载 2021-09-07 17:21:00
3459阅读
2评论
组件代码:<!-- /** * 树形下拉选择组件,下拉框展示树形结构,提供选择某节点功能,方便其他模块调用 * @author wz * @date 2020-06-09 * 调用示例: * <tree-select :height="400" // 下拉框中树形高度 * :width="20
转载 2024-02-23 21:14:55
578阅读
前言: 在开发uniapp的时候,由于需要自己写一个下拉菜单的组件,所以需要用到change事件来获取选中的内容。所以这记录下,如何自定义change事件。 目的: 本篇文章的目的是为了让大家掌握如下几个问题点: 1.如何自定义组件 2.如何自定义事件 3.如何子组件调用父组件中的方法(也就是实现自定义事件的一部分) 4.关于实践中参数的问题先上代码:dropdown下拉菜单组件<templ
使用vue2封装树形结构的组件,用于下拉选择,结构如下:父组件---->封装的树形组件----->回显input组件 & tree组件封装的树形结构组件代码如下:<template> <div> <div @click="openTree"> <el-input v-model="deptName" placeh
转载 2024-08-15 15:42:17
565阅读
在谷粒学院的课程信息页面,添加课程讲师,需要加个下拉框,通过将后端查询到的讲师列表传递给前端 <el-select v-model="courseInfo.t
原创 2022-07-04 18:01:48
578阅读
实现效果实现思路初始化加载第一页;监听下拉框的滚动事件,当滚动到底部的时候加载下一页;输入搜索时,重置为第一页加载;关闭下拉选择框时,判断如果存在搜索值,要清空搜索值、并加载第一页。实现代码html<a-select    v-model:value="values"    :mode="multiple"    :show-sea
原创 2024-09-17 23:26:29
270阅读
<script setup lang="ts"> import { Empty } from 'ant-design-vue'; export interface TBColumn { title: string dataIndex: string // key: string ellipsis?:
原创 9月前
91阅读
vue实现动态下拉
实现效果实现思路初始化加载第一页;监听下拉框的滚动事件,当滚动到底部的时候加载下一页;输入搜索时,重置为第一页加载;关闭下拉选择框时,判断如果存在搜索值,要清空搜索值、并加载第一页。实现代码html<a-select    v-model:value="values"    :mode="multiple"    :show-sea
原创 2024-09-17 23:26:39
141阅读
熟悉Element-UI的开发者可能都会有这样的经历,它的无限滚动 InfiniteScroll 并不好用,下面介绍两种下拉加载的实现方法:1. 使用el-table-in
原创 2023-03-23 00:42:00
187阅读
<template> <div class="inputSearch"> <Poptip padding="0px 0px" v-model="visible" placement="bottom" trigger="none" > <Input @on-clear="clear"
原创 2022-03-10 10:39:41
1554阅读
Struts下拉框的实现   [目标] 本例是在上一个例子“最简单的Struts程序”的基础上(见《如何实现最简单的Struts程序》)进行扩展的,其目标是在输入页中实现一个下拉输入框,在输出页中显示下拉输入框被选的值。   本项目在前面的Simple项目的基础上进行扩展,那当然也可以建立一个新的项目。  [效果
转载 11月前
177阅读
  • 1
  • 2
  • 3
  • 4
  • 5