Vue.js
前热火球员LeBron James
A programmer who can't play basketball is not a good cook
展开
-
npm install 安装use String.prototype.padStart()卡住(已解决)
解决npm install安装vue-element-admin报错原创 2022-09-07 13:33:56 · 1643 阅读 · 1 评论 -
Vue跨域配置proxyTable中pathRewrite用法
vue跨域配置proxyTable中pathRewrite用法原创 2022-06-08 11:09:42 · 2268 阅读 · 2 评论 -
vue-pdf实现pdf文件在线预览
vue-pdf实现pdf文件在线预览转载 2021-10-26 14:41:12 · 254 阅读 · 0 评论 -
async和await
async和await谈谈Promise在vue中的应用转载 2021-08-31 17:22:13 · 113 阅读 · 0 评论 -
npm run push命令配置
vue项目打包部署测试,要发不到测试服务器,原始方法是直接本地:npm run build打包成dist,然后把dist传到测试服务器,这样有个弊端,每次本地修改都需要打包,上传。于是我想到了rsync远程同步,在package.json里面配置"push",使用命令:npm run push一键打包上传~ 简直不要太方便。1.配置:在package.json里面,找到"scripts",在最后一行加上:"push": "vue-cli-service build && rsync原创 2021-08-27 18:26:25 · 934 阅读 · 0 评论 -
vue 里面引入外部js的问题 和js文件加载顺序的问题
vue 里面引入外部js的问题 和js文件加载顺序的问题转载 2021-08-13 18:04:27 · 711 阅读 · 0 评论 -
js计算两个时间差 (天 小时 分 秒格式)
/*** description: 计算两个时间差* function: calculateDate()* 参数格式: 2021-08-02 18:03:56* 返回值格式: 2042天-15小时-44分-54秒*/export function calculateDate(t1, t2) { var date1=new Date(t1.replace(/\-/g, "/")) var date2=new Date(t2.replace(/\-/g, "/")) va原创 2021-08-03 16:18:38 · 268 阅读 · 0 评论 -
实现一个竖直的显示表头的表格(vue版本)
实现一个竖直的显示表头的表格(vue版本)转载 2021-07-20 15:11:39 · 589 阅读 · 0 评论 -
npm install报错,卡顿及解决方案(mac)
一、 npm install时提示:npm ERR! Unexpected end of JSON input while parsing near '... PGP SIGNATURE-----\r'解决方案:npm cache clean --force // 如果出现提示npm WARN using --force I sure hope you know what you are doing 则表示清除成功npm install // 再次执行npn install即可二、npm ins原创 2021-06-17 14:14:12 · 2659 阅读 · 0 评论 -
如何在Django里面完美整合Vue项目
如何在Django里面完美整合Vue项目转载 2021-05-31 14:05:26 · 506 阅读 · 0 评论 -
mac 安装vue全网最详细教程
1、安装vue:下载安装包,直接安装:下载 | Node.js 中文网查看版本号,检测是否安装成功:npm -v2、安装cnpm:sudo npm install -g cnpm --registry=https://registry.npm.taobao.org同样是通过查看版本号查看安装状态:cnpm -v3、安装vue-cli 脚手架:sudo npm install -g @vue/cli这个过程比较慢,一直enter键下一步,直到安装成功查看版本号 :vue -V4、创建项原创 2021-04-29 13:36:07 · 13948 阅读 · 0 评论 -
JS中如何判断一个数是不是小数?如果是小数,如何判断它是几位小数 保留n位小数
这是在vue里面写的一个公用方法/*** description: 保留两位小数* create_time: 2020-11-26* function: KeepTwoNum()* 参数格式: 200.631 100.6 60* 返回值格式: 200.63 100.6 60*/export function KeepTwoNum(num) { num = Number(num) let y = String(num).indexOf(".") + 1 //获原创 2020-11-26 14:28:38 · 1347 阅读 · 0 评论 -
vue+django前后端分离解决csrf token问题
一、CSRF攻击(Cross Site Request Forgery,跨站请求伪造):是攻击者通过跨站请求,以合法的用户身份进行非法操作(如转账或发帖等)。CSRF的原理是利用浏览器的Cookie或服务器的Session,盗取用户身份,其原理如下图所示。防范CSRF的主要手段是识别请求者的身份,主要有以下几种方式:在表单中添加令牌(token)验证码检查请求头中的Referer(前面提到防图片盗链接也是用的这种方式)令牌和验证都具有一次消费性的特征,因此在原理上一致的,但是验证码是一种糟原创 2020-10-30 17:02:29 · 6680 阅读 · 1 评论 -
vue中动态化的按需使用keep-alive
vue中动态化的按需使用keep-alive转载 2020-07-31 17:42:55 · 198 阅读 · 0 评论 -
ElementUI el-table 的 formatter 和 scope template 不能同时存在问题解决办法
一、需求:公司项目中一个需要展示文件信息table表,文件大小字段后端没有进行单位转换,准备在前端拿到后转换并且加上单位。二·、问题:很容易想到了el-table组件formatter属性:我在el-table-column里面添加属性,进行打印测试,一直不生效,后来经过排查发现事template中插槽作用域导致的,也就是formatter作用于单个字段(即一个el-table-column)就是下面这种:而我的项目用的是scope template插槽,就是下面这种结构:这样就产生了问题。原创 2020-06-15 14:15:40 · 5208 阅读 · 1 评论 -
vue-element-ui中el-tabs标签在刷新页面后回到刷新前的标签页
vue-element-ui中el-tabs标签在刷新页面后回到刷新前的标签页转载 2020-04-27 18:58:15 · 3376 阅读 · 0 评论 -
python+vue实现文件下载,(导出EXCEL文件,下载.zip等文件功能)
一、公司项目需求要求导出表格数据,以excel文件导出,后端python处理已经可以直接将数据导出并生成Excel文件,但是前后台传输是不可能直接传输文件的,是以二进制文件流进行传输的,此时呢就会遇到一个问题,最后上网差对比总结,下面这个成熟且处理简单。二、代码:/** * vue从后台获取数据,并导出EXCEL文件 * @param value * @returns {*} * @c...原创 2020-04-15 19:31:11 · 3136 阅读 · 2 评论 -
vue组件之间传值
前言:在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式;但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具Vuex完美的解决了这个问题。一、安装并引入 Vuex1.首先使用 npm 安装 Vuex:cnpm install vuex -S2.项目结构:在/src目...原创 2020-03-28 17:14:12 · 285 阅读 · 0 评论 -
django用requests从url获取图片(数据类型是bytes)后如何在前端中显示出来
一、需求:最近做公司项目需要从Graphite拿到cpu状态折线图,用vue显示到前端,django用requests从url获取图片后开始做法是先存到环境/opt/data/graphite/下,然后在写一个获取图片的url显示到前端,这样做麻烦不说,还会引起一些问题(定时清理问题,多用户访问问题,静态文件写权限问题)。二、解决办法:直接把返回到前端展示,response.content拿到图...原创 2020-03-24 22:49:21 · 1689 阅读 · 0 评论 -
Easyui写一个自定义的日期时间选择器
一、需求:左边下拉选择器,选(自定义)使用右面时间进行选择,然后下面是快速获取时间;选(最近一 周、最近一个月、最近三个月,最近半年、最近一年)快速定位时间,注意此时右面时间选择器置灰,不能选。二、使用模块:Vue EasyUI插件,安装引入配置:EasyUI三、具体实现:1.首先用一个element选择器显示时间下拉控件,结合easyui: <div class...原创 2020-01-06 18:59:51 · 934 阅读 · 0 评论 -
element-ui NavMenu 导航菜单 通过一个按钮控制
Abudula__转载 2019-12-31 10:31:15 · 1405 阅读 · 0 评论 -
npm安装教程
aa转载 2019-12-25 15:05:24 · 212 阅读 · 0 评论 -
Vue请求初始化数据放在Created还是Mounted?
转载简书作者:damon小萧时间:2018.03.27 17:59:49转载 2019-10-16 10:52:16 · 3269 阅读 · 0 评论 -
element-ui 时间日期选择器格式化后台需要的格式
...............................................................<el-date-picker size="mini" v-model="value1" type="date" placeholder="选择日期" format="yyyy/MM/dd" value-format="yyyy/MM/d...原创 2019-04-22 10:47:14 · 6774 阅读 · 1 评论 -
关于input标签disabled="disabled"属性的一个坑
一,问题代码:1.原始HTML代码:<li><button class="normal-btn" id="start_capture" "startPktCapture()">开始抓包</button></li> <li><button class="normal-btn" id="stop_capture" style="dis...原创 2019-04-03 13:33:23 · 13417 阅读 · 0 评论 -
Vue props用法详解
总结的很详细转载 2019-02-14 10:37:47 · 2144 阅读 · 0 评论 -
vue学习笔记(简单易懂)
一, 常用指令:1.v-text:是元素的innerText只能在双标签中使用2.v-html:是元素的innerHtml,不能包含{{xxx}}3.v-if:元素是否移除或者插入4.v-show:元素是否显示或隐藏5.v-model:双向数据绑定,v-bind是单向数据绑定(内存js改变影响页面)二,class结合v-bind使用需要根据可变的表达式的结果来给class赋值,就需...原创 2019-02-19 15:11:06 · 315 阅读 · 0 评论 -
vue中引入对象的两种方式
1, es6 引入方式 importimport axios from 'axios';import MockAdapter from 'axios-mock-adapter';2, require 引入方式var axios = require('axios');var MockAdapter = require('axios-mock-adapter');...原创 2019-02-28 11:02:08 · 5704 阅读 · 0 评论 -
vue中组件name的作用
总结的很好转载 2019-02-21 20:03:26 · 2631 阅读 · 0 评论 -
Vue中渲染内容的两种方式
app.$mount("#app") 手动挂载$mount()手动挂载当Vue实例没有el属性时,则该实例尚没有挂载到某个dom中;假如需要延迟挂载,可以在之后手动调用vm.$mount()方法来挂载。例如: new Vue({//el: '#app',router,render: h => h(App)// render: x => x(App)// 这里的ren...原创 2019-02-21 15:55:29 · 3388 阅读 · 0 评论 -
npm安装教程
博主写的很详细收藏了链接转载 2019-01-09 22:25:13 · 1138 阅读 · 0 评论 -
JavaScript中=、==、=== 的区别
判断规则:一个等号是赋值操作,==先转换类型再比较,===先判断类型,如果不是同一类型直接为false。1.一个等号(=)$a = 1;表示把1赋值给变量啊echo $a ; //输出 12.双等号(==)$a = null; $b = ''; $c= 1;双等号表示等于 echo ($a==$b)?1:0; //输出1 echo ($a==$c)?1...原创 2019-04-23 11:09:14 · 332 阅读 · 0 评论 -
在vue.js里面写一个公用的获取当前日期时间周数的方法
1.写在common.js里面/*** description: 获取当前日期,时间,周数* create_time: 2019-4-19* function: getDate,getTime,getWeek*/class DateTime { // 构造方法 constructor() { // 列举Week this.weekday = ['星期日', '...原创 2019-04-19 16:26:16 · 4840 阅读 · 0 评论 -
el-transfer组件自定义左右列表宽度
转载转载 2019-05-08 10:36:14 · 2216 阅读 · 0 评论 -
Vue中配置baseURL
一,单独创建globle文件夹,在里面创建globleApi.js文件globleApi.js代码:const baseURL = "http://127.0.0.0:8000"export default { baseURL}二,在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用;main.js代码:import global...原创 2019-08-13 14:34:57 · 11957 阅读 · 1 评论 -
vue中button标签样式和功能禁用写法
需求:常用的表格编辑功能,都是只有选中某行数据才能显示样式编辑和内容编辑,不选中为灰度且不能编辑(次编辑一般为弹框修改内容)1.不选中情况下:2.选中情况下:3.代码:样式禁用::class="{disable: selections.length == 0}"功能禁用::disabled="selections.length == 0"“selections.length == ...原创 2019-07-26 16:49:52 · 11750 阅读 · 1 评论 -
vue项目刷新当前页面的三种方法
写的很好:连接转载 2019-07-17 17:59:08 · 5001 阅读 · 0 评论 -
vue如何在自定义组件中使用v-model
在公司做项目,遇到需要从自定义组件里面传值到父组件里面。调整了一天才整出来,开始不知道vue自定义组件还有这个属性。很好用,我上网搜了很多,这篇文章写得好使比较简单易懂清晰地,特此分享:摘自简书...转载 2019-07-04 09:54:37 · 3946 阅读 · 0 评论 -
vue通过路由跳转后设置跳转后页面标签的可见或不可见
1.跳转后,在想可见的标签添加v-show=“isShow”;在想让它不可见的标签里面添加v-show=“areShow”2.设置初始值(不写会报未定义错误)3.触发isShow 和areShow的值改变的事件应该是当前页面路由地址的改变,并且这里需要使用watch完成监控:4.这样就能实现:(1)开始时显示v-show="areShow"标签里面的内容:(2)通过路由跳转到这个...原创 2019-05-29 11:20:19 · 2135 阅读 · 0 评论 -
vue(Js)从数组中删除元素
使用方法:arr.splice(arr.indexOf(ele),length):表示先获取这个数组中这个元素的下标,然后从这个下标开始计算,删除长度为length的元素这种删除方式适用于任何js数组...原创 2019-05-21 10:25:51 · 12800 阅读 · 0 评论