VUE
丿乐灬学
中韩产业园
展开
-
SPA单页面学习理解
什么是SPA单页面?单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。主要特点速度:更好的用户体验,让用户在web app感受native app的速度和流原创 2022-04-30 10:20:27 · 424 阅读 · 0 评论 -
html引入vue,封装axios请求
html引用vue封装axios请求,页面调用请求原创 2022-03-07 15:35:51 · 5986 阅读 · 9 评论 -
uniapp,微信小程序input正则校验只能输入为数字和小数点位数限制
uniapp,微信小程序input正则校验只能输入为数字和小数点位数限制原创 2022-02-23 11:12:40 · 6534 阅读 · 1 评论 -
解决 ReferenceError:primordials is not defined
解决 ReferenceError:primordials is not defined您可能正在gulp v3和上node v12,而这就是问题的根源。解决方法:将gulp升级到v4。因为版本的升级,需要重新编写和配置一些东西。将node降级到v11。固定graceful-fs 到4.2.2(推荐)在package.json的同级目录下创建npm-shrinkwrap.json{ "dependencies": { "graceful-fs": { "versio转载 2020-09-10 13:31:17 · 1232 阅读 · 1 评论 -
vue 项目导出pdf两种方式
vue 项目导出pdf两种方式 :https://gitee.com/lbx_1397372495/vue-pdf-demo项目源码地址1.使用 html2Canvas + jsPDF 导出PDF, 这种方式什么都好,就是下载的pdf太模糊了。对要求好的pdf这种方式真是不行啊!2.调用浏览器自身的方法。window.print() 来打印(打印时可选下载),这种方式打印出来会清楚点,但纯...原创 2019-07-04 16:28:46 · 43993 阅读 · 29 评论 -
VUE接入 腾讯验证码,极验验证码
VUE接入 腾讯验证码,极验验证码安装$ npm install vue-social-captcha -S使用在 main.js 文件中引入插件并注册# main.jsimport captcha from 'vue-social-captcha'Vue.use(captcha)在项目中使用 vue-social-captcha<template> &...原创 2019-05-23 16:22:45 · 4104 阅读 · 7 评论 -
阿里云VOD 视频点播(二)、VUE视频上传,视频播放
一,VUE视频上传(1),视频上传引入的js文件,在index.html文件里面引入js,如下图js文件在官网可以下载然后放在自己的项目里面,下载下面的js文件引入项目JavaScript上传SDK 1.5.0示例代码(jquery和Vue)<script src="./aliyun-upload-sdk/lib/es6-promise.min.js"></scrip...原创 2019-05-20 14:45:34 · 8742 阅读 · 12 评论 -
vue+elemenUI实现el-table-column行的上下移动
最后实现的效果,如图所示,第一行的向上按钮不可操作,最后一行的向下按钮为不可操作。其实 vue的很多操作并不是对页面数据的操作,而是对数据源的操作,数据源发生变化,实时渲染页面,这样就达到了,我们的需求。上代码:<el-table :key='tableKey' :data="detaillist" border fit highlight-current-row ...原创 2018-11-16 11:15:54 · 3022 阅读 · 0 评论 -
element ui 中的popover组件在table列表,使用时数据显示问题
在列表数据中使用,点击对应的查看按钮,每一页的最后一个无法正确弹出这个红色框,别的都是正常的。查看代码: 下面代码红色部分为问题故障代码,蓝色部分为修改后的代码,问题原因:1,<el-button> 按钮要放在 <el-popover> 标签里面2,v-popover:popover3 属性换成 slot="reference"问题修改成功!!!!&l...原创 2018-09-26 08:53:46 · 5707 阅读 · 3 评论 -
vue 新闻列表滚动效果
<template> <div class="scroll-wrap"> <div class="scroll-content" :style="{ top }" @mouseenter="Stop()" @mouseleave="Up()"> <p v-for="item in prizeList"> &l...原创 2018-06-15 13:53:26 · 16128 阅读 · 3 评论 -
vue解除双向绑定问题
let obj = JSON.parse(JSON.stringify(this.temp1));原创 2018-03-29 14:05:11 · 8983 阅读 · 3 评论 -
ECharts 完善时间轴格式化,对比时间差
<template> <div :class="className" :id="id" :style="{height:height,width:width}"></div></template><script> import echarts from 'echarts' require('e原创 2018-03-28 16:09:48 · 9716 阅读 · 0 评论 -
vue2.0 自定义 饼状图 (Echarts)组件
1.自定义 图表 组件Echarts.vue<!-- 自定义 echart 组件 --><template> <div> <!-- echart表格 --> <div id="myChart" :style="echartStyle"></div> </div&原创 2018-02-28 13:55:29 · 6220 阅读 · 1 评论 -
vue图表组件使用,组件文档echarts
vue图表组件使用,组件文档echartshttp://echarts.baidu.com/echarts2/doc/example.htmlvue组件手动封装barChart.vue<template> <div :class="className" :id="id" :style="{height:height,width:width}"></div&..原创 2018-03-07 14:47:52 · 2567 阅读 · 0 评论 -
Vue $emit $refs子父组件间方法的调用
1、$emit子组件调用父组件的方法并传递数据注意:子组件标签中的时间也不区分大小写要用“-”隔开子组件:template> button @click="emitEvent">点击我button>template>script> export default { data() { return { msg: "我是子组件中原创 2018-01-30 09:23:43 · 699 阅读 · 0 评论