- 博客(14)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue+elementui 实现登录验证码功能
最终实现效果（点击图片进行切换 及 验证登录）html// getCode() 点击调切换图片// @keyup.enter.native="handleLogin" 回车登录 事件//loginForm.code 你输入的验证码 <el-form-item prop="code"> <el-input v-model="loginForm.code" auto-complete="off" placeholder="
2022-03-31 14:56:27
11242
原创 vue elementui 表头自适应宽度 表头换行的问题
vue elementui 表头自适应宽度 不换行前言项目中使用 table表格 表头换行的问题代码如下（示例）：//template <el-table-column label="工资项属性栏" render-header="labelHead" align="center" prop="itemSalarytype" :show-overflow-tooltip="true" > <template slot-scope=
2022-01-10 11:02:12
1382
原创 i your application is running here: http://localhost:8080
Vue 中 npm run dev 运行 报错 i your application is running here: http://localhost:8080解决方法： 将autoOpenBrowser:false ;改为true
2021-05-07 10:43:56
2576
原创 如何判断一个对象是数组还是对象
1.typeoftypeof运算符返回变量或表达式的类型： 数组跟对象都返回objecttypeof []; // "object" typeof {}; // "object" typeof 0 //返回"number"typeof " " //返回"string"typeof "Bill" //返回"string"typeof true //返回"boolean"typeof false //返回"boolean"2.instanceof数组
2021-02-20 10:38:27
1423
2
原创 触摸滚动JQ
直接上代码js var start=0,end=0,disy=0,disx=0; var items=$('.wrap li'); var x=0; // 保存下标 document.addEventListener('touchstart',function (ev) { //当手指触摸屏幕时触发 start={ x:ev.touches[0].pageX, y:ev.touches[0].pageY
2021-02-01 11:29:58
387
原创 vue实现路由懒加载的3种方式
vue异步组件 es提案的import() webpack的require,ensure()es提案的import()webpack的require,ensure()vue异步组件技术 ==== 异步加载vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: '/home', name: 'home', component: resolve => requ.
2021-01-20 11:43:50
629
原创 Vue升序降序
//html<div id="test"> <input type="text" placeholder="请搜索关键词" v-model="searchName"/> <ul> <li v-for="(p,index) in filterPersons" :key="index"> {{index}}--{{p.name}}--{{p.age}} </li>
2021-01-15 10:59:33
1443
原创 点击缓慢回到顶部
话不多说 上代码//css<style> *{margin: 0;padding: 0;} .list{ margin-bottom: 20px; height: 3000px; background: slateblue } .btn{ float: right; background: seagreen; padding: 20px; } .co
2021-01-05 19:44:19
323
原创 js实现触壁反弹
话不多说直接上代码css <style> *{margin: 0;padding: 0;} .warp{ width: 700px; height: 600px; border: 1px solid #000; position: relative; margin: 50px auto; } .con{ width: 50px; height: 50px
2020-12-28 08:11:45
744
2
原创 可拖拽的正方体
直接上代码样式：.box{ width: 100px; height: 100px; background: #000000; cursor: move; position: absolute; }html<div class="box"></div>jsvar box=document.querySelector('.box'); var maxL=document.documentElement.cli
2020-12-23 08:17:44
522
2
转载 axios的封装
掘金地址一.axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步 axios文档。安装npm install axios; // 安装axios引入一般我会在项目的s
2020-12-18 08:10:43
818
vue同时上传图片和视频 预览(组件) 引入即用
2022-11-22
vue+elementui 点击a页面 刷新b页面的组件
2022-05-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人