Vue单组件
文章平均质量分 93
Your-Nikee
这个作者很懒,什么都没留下…
展开
-
element ui Select带输入查询下拉菜单,滚动加载更多数据,公用组件双向绑定
实现的效果只是一个下拉菜单,但是由于后台的数据量非常庞大,单次全部返回会有很长的时间损耗,故而想到了模糊查询加懒加载的形式去实现。下拉触底会触发 loadmore 事件 ,输入内容并回车会执行 searchCompany 事件以下代码复制可用<template> <div id="companySearch"> <el-select v-model="value" class="elSelectCom" placeholder="请选择" siz原创 2020-12-02 16:05:57 · 1749 阅读 · 2 评论 -
element excel导入数据,解析获取数据
前端导入excel表格,解析为json格式数据npm install xlsx -g 全局安装xlsx新建一个组件,随意命名,键入以下代码,复制即可用<template> <span> <input class="input-file" type="file" @change="exportData" accept=".csv...原创 2019-08-29 17:37:05 · 2393 阅读 · 0 评论 -
element 给页面 / 表单 / 输入框添加enter事件
项目需求有用到给页面 / 表单 / 输入框添加类似enter后直接登陆的事件给el-input绑定enter<el-input type="password" v-model="PassWatch" auto-complete="off" placeholder="密码" @keyup.enter.native="submitForm('ruleForm')"></el-i...原创 2019-09-10 09:48:30 · 1446 阅读 · 0 评论 -
Vue + element axios请求二次封装
简单封装get,post请求,携带token控制下载axios,element,Vue-router,并在main.js中配置,不需要的可注销内容// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf ...原创 2019-09-10 13:55:16 · 897 阅读 · 0 评论 -
Vue限制输入内容 / 正则
通过正则限制用户输入内容的几种方式1.watch监听已知model — inputIntegarl<el-input v-model="inputIntegarl" style="width: 120px"></el-input>watch用法自行了解,通过输入内容赋值model的形式,将用户输入的内容转换,即实现限制用户输入的结果this.$common.re...原创 2019-09-10 15:43:41 · 2895 阅读 · 0 评论