vue输入密码组件(vue-password 3.x)A Vue.js password input component that includes a toggle to show the password and a customizable strength meter. Vue.js密码输入组件,包括一个用于显示密码的开关和一个可自定义的强度计。 Please note, VuePassw
转载
2024-04-14 15:53:48
318阅读
问题描述浏览器对于type="password"的输入框会自动填充密码,但有时出于安全或者其他原因,我们不希望浏览器记住并自动填充密码。通过网上查到的一些解决方案,可以总结出以下几种解决方案(主要用edge浏览器进行测试):通过autocomplete="off"/autocomplete="new-password"来关闭浏览器自动填充密码的功能, 但某些对于浏览器像edge,firfox等,这
转载
2024-02-29 14:59:55
657阅读
一、组件化封装1.首先创建一个form文件夹,将搜索框组件的内容全部写在这个里面,然后再在需要的页面直接引入相应的组件即可2.首先先在goods.vue文件里面写对应的文本数组formItems,将所定义的类型IFormItem引用进去,这个里面写的字段都是对应goods.vue文件里面的文本数组formItems里面所拥有的字段const formItems: IFormItem[] = [
转载
2024-04-08 07:11:31
258阅读
代码已上传至githubgithub代码地址:https://github.com/Miofly/mio.git示例代码<template> <view class="container padding bg-white"> <!--<text>{{dateUtils.beforeWeekFirst}}</tex...
原创
2022-10-13 17:07:06
267阅读
组件dropdown.vue代码如下:<template> <div class="vue-dropdown default-theme"> <div class="search-module clearfix"> <input class="search-text" @keyup='search($event)'
原创
2021-09-09 14:23:00
1091阅读
组件dropdown.vue代码如下:<template> <div class="vue-dropdown default-theme"> <div class="search-module clearfix"> <input class="search-text" @keyup='search($event)'
原创
2022-03-04 11:00:59
972阅读
基本上每个项目都需要用到模态框组件,由于在最近的项目中,alert组件和confirm是两套完全不一样的设计,所以我将他们分成了两个组件,本文主要讨论的是confirm组件的实现。组件结构<template>
<div class="modal" v-show="show" transition="fa
原创
2017-07-24 10:37:37
904阅读
基本上每个项目都需要用到模态框组件,由于在最近的项目中,alert组件和confirm是两套完全不一样的设计,所以我将他们分成了两个组件,本文主要讨论的是confirm组件的实现。组件结构<template>
<div class="modal" v-show="show" transition="fa
转载
2017-05-15 15:04:18
1071阅读
如果需要这样访问this$showToast.load('正在加载') 这样的需求 你可以看看 (也是我写的效果一
原创
2022-07-25 16:31:50
827阅读
基本上每个项目都需要用到模态框组件,由于在最近的项目中,alert组件和confirm是两套完全不一样的设计,所以我将他们分成了两个组件,本文主要讨论的是confirm组件的实现。组件结构<template>
<div class="modal" v-show="show" transition="fa
转载
2017-07-18 10:10:00
648阅读
教你从零写vue穿梭框1. 前言2. 制作选择组件(select-input)2. 制作vue穿梭框组件(table-transfer)4. 将选择组件和穿梭框组件结合使用4.1 点击选择组件按钮,弹出穿梭框4.2 将select-input组件中的数据显示在弹框中的已选表格中4.2.1 全局引入lodash4.2.2 初始化input-select组件list数据和穿梭框的selectList
转载
2024-05-07 14:26:31
356阅读
vue局部组件开发的大致思路
最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路。主要分为三个部分:组件引入(注册路由器)、定义组件内容样式及实现组件间通信。 (注册路由器使用路由组件也可放到最后一步,个人习惯先引入然后定义组件及样式便于观察组
转载
2024-01-01 19:26:01
87阅读
this.$showModal({ show: true, obj: { title: '温馨提示', dialog_msg: '测试测试测试测试', button_confirm: '确定', button_cancel: '取消', }, onClick: (val) => { ...
原创
2022-07-25 16:31:13
198阅读
项目简介是一个基于 Vue.js 的 UI 组件库,它是 Ant Design 设计语言在 Vue 生态中的实现,致力于提供高质量的前端开发解决方案。该项目由 Ant Financial 开源,与 Ant Design React 版本保持一致的设计理念和组件体系,为 Vue 开发者带来了与之相媲美的开发体验。技术分析组件丰富Ant Design Vue 包含了大量的 UI 常见组件,如表格、按钮
首先我们需要写一个弹窗子组件:children.vue第一个问题:子组件是显示父组件的提示信息的,并且有确认与取消按钮!那如何由父组件自己去定义写入子组件的HTML元素:子组件里用来接受父组件自己写入的HTML第二个问题:子组件的高度是根据父组件写入的HTML自动变化宽度和高度的,那我们都知道弹窗必然是固定居中在页面中央的,对于自动变化的宽高盒子我们如何居中:首先position:fixed;固定
原创
2021-05-20 08:10:49
666阅读
APICloud AVM框架 输入框组件
原创
2022-10-21 10:17:28
225阅读
先上效果图:组件特点:模拟下拉框可输入文字搜索选项,keyup或input事件触发搜索(并优化了原生keyup和input事件的问题)数据源异步加载滚动加载选项数据同一页面可重复使用该组件技术工具说明:基础框架 vue.jsjquery.js辅助样式 element-ui.js注意:非单页面,非前后端分离开发进入正文:创建项目1. 新建项目文件夹 cw-input-select打开,以下内容都是在
转载
2024-04-30 12:44:13
200阅读
最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载
2019-12-20 17:52:00
374阅读
2评论
vue-treeselect是一个多选组件,具有对Vue.js的嵌套选项支持。具有嵌套选项支持的单个和多个选择模糊匹配异步搜索延迟加载(仅在需要时加载深层选项的数据)键盘支持(使用Arrow Up&Arrow Down键导航,使用键选择选项Enter等)丰富的选项和高度可定制支持各种浏览器
需要Vue 2.2+ 一、基本使用流程1、首先npm'安装依赖npm install @rioph
转载
2023-07-22 17:03:44
907阅读
下拉框分为单选和多选两种方式。<div id="app"> <select v-model="selected"> <option value="读书">读书</option> <option value="学习">学习</option>
原创
2023-02-07 00:46:34
217阅读