Vue
关注
分享
扫一扫
Vue
兜兜没有糖糖
记录工作，记录学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue遍历出来的一堆按钮，点击的时候只需要点击的按钮有加载状态
目标实现：vue遍历出来的一堆按钮，点击的时候只需要点击的按钮有加载状态重点就是点击的时候传入一个唯一标识这个按钮的值，用值和loading值同时标识这个按钮的加载状态 <van-button v-for="(s,index) in data" :loading="clickLockedIndex === subAccount.id && changeLockedLoading" @click="lockedChange(false, index)">.原创 2021-10-12 18:19:07 · 1203 阅读 · 1 评论 -
vant-vue页面 常用的表单代码全
<template> <div> <van-form @submit="onSubmit"> <van-field name="originalPassword" v-model="originalPassword" type="password" label="原密码" placeholder="请输入原密码" required原创 2021-10-12 15:09:14 · 966 阅读 · 0 评论 -
Vue组件通信的五种方法
前言我们通常会把整个页面被分成小组件，这些组件有自己的功能和 UI。 有时，我们需要一种方法来在这些组件之间进行通信。我们可以使用 Vuex（状态管理工具）来存储数据并跨组件使用。 但有时，我们需要一种方法将数据从一个组件发送到另一个组件，而无需使用 Vuex 存储。请看下面共有五种方法可以进行通信1、使用Props (父组件通信子组件)2、使用Events 事件(子组件通信父组件)3、使用Event Bus 事件总线(父通信子，子通信父)4、使用provide/inject 提供和注原创 2021-10-11 14:22:17 · 1665 阅读 · 0 评论 -
手写一个类似 element-ui 的可输入下拉选择
效果图如下：当 鼠标 点击 输入框时，显示下拉滚动列表，点击后采用赋值给 输入框； 在输入框中输入值可以再我们的下拉列表数据中进行模糊匹配完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2021-05-11 23:06:30 · 684 阅读 · 0 评论 -
使用Ant Design Vue 做一个常用的修改对话框
使用Ant Design Vue 做一个常用的修改对话框一：需求描述二：前端vue代码2.1 图1：2.1.1 自定义组件DescriptionItem（文件名）如下：2.1.2 父组件代码2.2 图2：使用Ant Design Vue 做一个常用的修改对话框Ant Design Vue 官网：https://www.antdv.com/docs/vue/introduce-cn/一：需求描述首先我们需要有一个图1的前端界面，其次我们点击图1“修改”按钮的时候，弹出有遮罩层的一个对话框并在对话框中回原创 2020-10-10 16:17:14 · 3030 阅读 · 0 评论