- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue+element+node实现分页序号自增
image.png如图直接上代码吧image.pngtype="index" :index="table_index"image.pngmethods定义方法table_index(index){ return (this.paginations.page_index-1) * this.paginations.p...
2019-08-28 10:09:15
1258
原创 vue+element+node实现搜索功能
image.png第一步 加上搜索框image.png<template slot="header"> <el-input class="search" v-model="search" prefix-icon="el-icon-search" clearable placeholder="输入文章标题搜索" /...
2019-08-28 09:41:00
1038
原创 vue+element+node实现分页功能
前端分页 便于方便 如果数据量大还是老老实实后端调接口吧直接传代码 干货先在表格下面定义1个页码按钮<el-row :span="24"> <div class="pagination-list"> <el-pagination background @current-change="handleCur...
2019-08-27 22:05:44
466
1
原创 vue+element+node如何批量删除
今天下午研究了一下 方法较简单前端是vue+element框架 后端node.js前端:<el-table-column type="selection" width="55"></el-table-column>然后给table加个方法 @selection-change="handleSelectionChange"然后在data中定义两个空数...
2019-08-27 18:49:49
443
1
原创 vue中的怎么获取localStorage的信息
比如我登录完了 想在页面上面显示登录的名字那么我存储在localStorage的信息怎么给他显示出来呢简单直接上代码在methods 定义一个方法 loadComments() { var list = localStorage.getItem("username"); this.username = list; }意思是localSt...
2019-08-26 12:02:28
13842
原创 解决vue中的NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}
image.png点击没问题 如果在这个点击页面 在点击一次router-link 就会报这个错 但是不影响功能去你引用vue-router的页面添加一段代码const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return o...
2019-08-26 09:47:26
785
原创 element框架table过滤时间格式
image.png用过滤器写成这样 是没有用的image.pngimage.png在里面整个插糟 然后就可以愉快的使用过滤器了image.png我使用了dayjs 使用记得安装image.png直接上代码<el-table-column label="发布时间"> <te...
2019-08-23 12:24:45
982
原创 node.js安装bcrypt失败原因
image.png密密麻麻报错图使用 cnpm i bcryptjs 替代 便可正常使用![image.png](https://upload-images.jianshu.io/upload_images/19088858-9c27acc474865551.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/12...
2019-08-20 12:07:23
711
原创 绝对定位中的fixed遮挡元素解决办法
图片.png底部的fixed被遮挡了怎么解决呢在外面套层div 然后加个height的高度 就可以了图片.png图片.png图片.png
2019-08-16 19:32:55
13372
2
原创 在vue中使用mui的组件出现严格模式
caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them报错了 怎么解决呢 简单 在babel里面添加图片.png"ignore": [ ...
2019-08-15 13:22:42
319
原创 vue过渡动画的坑
记个vue过度动画的坑不知道大家有没有遇到需求是 一个div 默认需求是隐藏，然后在偏移的过程中显示 到达目标的时候再隐藏，然后遇到了一个坑 在afterEnter中取非的时候 会导致全程隐藏 一致没能理解 发现是结束动画被立马调用了图片.png解决很简单就是在使用afterEnter的时候给他增加一个透明度这样子的话它取非的时候到一个偏移的过程他就...
2019-08-14 22:18:00
445
原创 vant框架如何使用sku商品规格
<template> <div> <div> <van-sku v-model="show" :sku="sku" :goods="goods" :hide-stock="sku.hide_stock" @buy-clic...
2019-08-14 11:23:29
10053
2
原创 vue实现滑动加载数据
上代码 使用了vant框架 所以大家自己去下载一下 这个组件 <template> <div> <van-tabs v-model="active"> <van-tab> ...
2019-08-10 09:25:09
992
原创 Vue路由router实现出入动画
<transition mode="out-in"> <router-view></router-view> </transition>先引入 out-in 的意思是 先走我在进的一个动画 就是这个组件消失了 我在出现style引入下面代码 .router-link-active{ ...
2019-08-08 21:28:27
201
原创 vue项目通过本地ip实现真机调试
使用webpack打包后 cmd 输入 IPCONFIG 拿这个地址 然后去package.json 在dev里面输入 你的ip 然后npm run dev 运行即刻 你的电脑 链接的wifi 需要和别人想访问的设备链接的wifi 一致 否则ip不一致无法调试 ...
2019-08-08 16:22:05
722
原创 node.js项目通过本地ip实现真机调试
你的电脑 链接的wifi 需要和别人想访问的设备链接的wifi 一致 否则ip不一致无法调试 cmd 输入 IPCONFIG 拿这个地址 去你的项目主入口 不再多做赘述 第一个参数是端口 第二个参数是ip...
2019-08-08 16:19:46
411
原创 webpack使用url-loader处理字体图标
今日发现无法正常渲染字体图标 见cmd控制台报错 一见便知 如何使用呢 cnpm i url-loader -D 安装完成后 在webpack.config.js中引入 { test: /\.(ttf|eot|svg|woff|woff2)$/, use:'url-loader'}, 再次配置图标 ...
2019-08-07 15:58:26
271
原创 GitHub忽略某个目录或者文件不上传
今日学习node之时 准备push到git中 发现node_modules文件太多 push之时花费太多时间 故咱们解决为之输入touch .gitignore图片.png目录便出现此文件图片.png编辑此文件图片.png输入你想屏蔽的保存出去 然后push 就没有了 ...
2019-08-06 14:36:38
1346
原创 webpack-dev-server不自动刷新刷新的一个问题
今日学习了webpack 因为手动打包太麻烦了 故再学习一工具 webpack-dev-server 使用过程中 发现保存了js文件 页面没有自动刷新 致使本人体验极差 故想法解决 解决代码如下 在自己项目内中的package.json之中的scripts之内 加入一行代码 "start": "webpack-dev-server...
2019-08-06 10:54:30
679
原创 vue实现一个简易的添加信息
vue.js的确好用啊 如果用js做的话代码就多了起来了 操作dom也影响性能 直接贴代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>demo13</title> <script src="./lib/vue...
2019-08-02 10:43:50
966
原创 vscode hbuilder 自定义设置html代码块vue代码块
相信大家在学习vue的时候 新建一个html页面很痛苦 需要手打模板 多麻烦呀 咱们直接设置代码块 复制直接用{ "vue html": { "prefix": "vh", "body": [ "<!DOCTYPE html>", "<html>", "\t<head>", "\t<meta ...
2019-08-02 09:15:46
3046
1
原创 vue.js2行代码实现简易计算机计算 纯干货
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>demo6</title> <...
2019-08-01 22:43:06
499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人