随笔分类 -  vue

上一页 1 2
vue-cli打包后dist文件运行空白和背景图显示问题详解
摘要：1.文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问题。 2. vue-cli构建的vue项目打包后css引入的背景图路径不对的问题 更多参考 链接:https://www.cnblogs.com/aidixie/ 阅读全文
posted @ 2019-08-28 09:06 大熊丨rapper 阅读(669) 评论(0) 推荐(0)
vue中引入jq
摘要：1.cnpm install jquery2.在webpack.base.conf.js中加入一行代码 const webpack=require("webpack") const webpack = require('webpack') 'use strict' const path = requ 阅读全文
posted @ 2019-08-27 16:02 大熊丨rapper 阅读(333) 评论(0) 推荐(0)
mint-ui中messagebox的使用
摘要：效果图: 代码: mint-ui官网链接:http://mint-ui.github.io/docs/#/en2/message-box 阅读全文
posted @ 2019-08-22 15:02 大熊丨rapper 阅读(2439) 评论(0) 推荐(0)
vue-cropper裁剪上传
摘要：效果图： 全部代码： main.js全局引用： // 挂载全局 Vue.prototype.$http = httpRequest // ajax请求方法 更具自己需求来 // 挂载全局 Vue.prototype.$http = httpRequest // ajax请求方法 更具自己需求来 更多 阅读全文
posted @ 2019-07-31 11:34 大熊丨rapper 阅读(340) 评论(0) 推荐(0)
vue中图片预览(v-viewer库使用)
摘要：效果图: 注释: 可拖拽,可放大缩小旋转,全屏,功能齐全,底部有操作按钮 属性: 代码: 参考链接:https://www.jianshu.com/p/2c63a556b5cb https://www.jianshu.com/p/84042c7b1b5b 阅读全文
posted @ 2019-07-19 15:40 大熊丨rapper 阅读(6073) 评论(0) 推荐(0)
vue引入echarts
摘要：效果图: 1.安装Echarts : npm install echarts -S 或者使用国内的淘宝镜像： 安装: npm install -g cnpm --registry=https://registry.npm.taobao.org 使用: cnpm install echarts -S 阅读全文
posted @ 2019-07-03 09:43 大熊丨rapper 阅读(1710) 评论(0) 推荐(0)
vue中对element-ui框架中el-table的列的每一项数据进行操作
摘要：vue中使用element table，表格参数格式化formatter 后台返回对应的数字, 那肯定不能直接显示数字,这时候就要对 表格进行数据操作 如图: 代码: 效果图: 更多参考链接:https://blog.csdn.net/weixin_38788947/article/details/ 阅读全文
posted @ 2019-05-07 16:10 大熊丨rapper 阅读(11140) 评论(0) 推荐(1)
去掉input在type="number"时右边的上下箭头
摘要：加了代码之后: 阅读全文
posted @ 2019-04-15 10:39 大熊丨rapper 阅读(227) 评论(0) 推荐(0)
vuecli关闭eslint的四种方法
摘要：四种方法总有一个适合你..............................更多参考链接传送门 方法一：删除 或 禁用eslint的插件(vscode里) 方法二：添加"eslint.enable": false配置 在文件->首选项->设置，输入：“用户设置”，之后配置json 进入后添加如 阅读全文
posted @ 2019-03-27 08:51 大熊丨rapper 阅读(2079) 评论(0) 推荐(0)
elementUI中table组件会出现空白部分
摘要：先上图: 造成原因: width全部都写死了，(注释:不要全部都写死width，没写width的会自动分配宽度) 阅读全文
posted @ 2018-12-18 15:21 大熊丨rapper 阅读(4204) 评论(0) 推荐(1)
vue中mint-ui的index-list 在手机端滑动问题
摘要：官方的demo这里滑动很流畅，按着官网demo复制的在手机上必须手指拖着才能动，不能滑动: 加入 这段代码就行 -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -webkit-overflow-scrolling: touc 阅读全文
posted @ 2018-11-30 11:35 大熊丨rapper 阅读(1517) 评论(0) 推荐(0)
vue中嵌套页面 iframe 标签
摘要：vue中嵌套iframe,将要嵌套的文件放在static下面: <iframe src="../../../static/bear.html" width="300" height="300" frameborder="0" scrolling="auto"></iframe> src可以使用相对路 阅读全文
posted @ 2018-11-30 09:41 大熊丨rapper 阅读(5360) 评论(0) 推荐(1)
解决vue单页路由跳转后scrollTop的问题
摘要：作为vue的初级使用者，在开发过程中遇到的坑太多了。在看页面的时候发现了页面滚动的问题，当一个页面滚动了，点击页面上的路由调到下一个页面时，跳转后的页面也是滚动的，滚动条并不是在页面的顶部 在我们写路由的时候做个处理，如下: scrollBehavior 方法接收 to 和 from 路由对象。第三 阅读全文
posted @ 2018-11-30 09:03 大熊丨rapper 阅读(1215) 评论(0) 推荐(0)
vue 拍照上传图片 demo
摘要：图片(最多6张，还可上传张 --> --> ... 阅读全文
posted @ 2018-11-29 11:03 大熊丨rapper 阅读(777) 评论(0) 推荐(0)
vue 瀑布流 demo
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 阅读全文
posted @ 2018-11-29 10:18 大熊丨rapper
移动端页面无刷新跳转方法有三种
摘要：移动端频繁得去刷新界面不是很友好，而且还费流量，所以出现单页面应用 单页面介绍 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 阅读全文
posted @ 2018-11-07 10:56 大熊丨rapper 阅读(2876) 评论(1) 推荐(0)
v-if和v-show
摘要：1.v-if 当值为 true时，显示元素 ，当值为false时，改元素消失 (销毁与重建dom) 2.v-show 当值为 true时，显示元素(display:block) ，当值为false时，改元素消失(display:none) (显示隐藏) 适用于频繁切换 注释:v-if 后还有 v-e 阅读全文
posted @ 2018-07-30 15:08 大熊丨rapper 阅读(318) 评论(0) 推荐(0)

上一页 1 2