Vue2.0
VUE 是 iOS 和 Android 平台上的一款 Vlog 社区与编辑工具,允许用户通过简单的操作实现 Vlog 的拍摄、剪辑、细调、和发布,记录与分享生活。
小辰哥哥
你是CSS,我是DIV,就算我的布局再好,没了你也就没了色彩。
展开
-
Vue项目中,Async与Await设置多个Axios异步请求的执行顺序
Vue项目中,Async与Await设置多个Axios异步请求的执行顺序原创 2022-08-09 19:30:53 · 4516 阅读 · 2 评论 -
Vue常见面试题,如何修改滚动条样式(谷歌浏览器)
Vue常见面试题,如何修改滚动条样式(谷歌浏览器)原创 2022-08-03 17:05:01 · 383 阅读 · 1 评论 -
Vue实现文件拖拽功能
Vue实现文件拖拽功能原创 2022-08-03 16:41:14 · 931 阅读 · 4 评论 -
Vue项目中,使用H5新增datalist标签
Vue项目中,使用H5新增datalist标签原创 2022-08-03 15:35:17 · 734 阅读 · 1 评论 -
Vue项目中,el-image实现按钮触发大图预览模式
Vue项目中,el-image实现按钮触发大图预览模式原创 2022-08-03 10:58:31 · 6146 阅读 · 11 评论 -
Vue2.0项目自适应于不同分辨率
Vue2.0项目自适应于不同分辨率原创 2022-06-21 16:07:38 · 2025 阅读 · 6 评论 -
Vue实现右键菜单(vue-contextmenu模块)
文章目录*Vue实现右键菜单(vue-contextmenu模块)*一、pandas是什么?二、使用步骤1.引入库2.读入数据总结Vue实现右键菜单(vue-contextmenu模块)一、pandas是什么?二、使用步骤1.引入库2.读入数据总结代码如下(示例):data = pd.read_csv( 'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')print(data.head())每天一个提升原创 2022-04-06 11:31:18 · 6226 阅读 · 1 评论 -
Vue整合Dom-To-Image,实现截图并下载文件
*Vue整合Dom-To-Image,实现截图并下载文件*1.npm相关模块2.在页面(.vue)直接引入3.相关实现代码①截图并下载,生成.png格式②截图并下载,生成.svg格式③其它属性总结原创 2021-12-08 16:15:15 · 1180 阅读 · 3 评论 -
Vue整合SVG.js,实现操作可缩放矢量图形
*Vue整合SVG.js,实现操作可缩放矢量图形*一、学习原生SVG1:绘制简单图形①矩形②圆形③直线④多边形⑤多线段⑥路径⑦文本2:关于图形变换①平移②缩放③旋转3:defs元素①使用DOM直接操作②使用JS代码间接操作4:SVG图标实现鼠标拖拽、平移、缩放(svg.pan.zoom.js)5:SVG图标实现截图并下载(canvg.min.js、html2canvas.min.js)二、Vue整合SVG图标①npm相关模块②创建相关目录文件...........原创 2021-12-08 14:59:58 · 3221 阅读 · 1 评论 -
Vue整合甘特图(横道图、Gantt)实例
Vue整合甘特图(横道图、Gantt)实例引入相应的模块:cnpm install gantt-elastic --savecnpm install gantt-elastic-header --savecnpm install dayjs --saveVue代码部分:总结每天一个提升小技巧!!!代码如下(示例):data = pd.read_csv( 'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.cs原创 2021-07-19 14:09:35 · 8191 阅读 · 20 评论 -
Vue实现子父组件相互传递数据信息
Vue实现子父组件相互传递数据信息父组件相关代码(standard2.vue):<template> <div id="total"> <p>{{ msg }}</p> <div> <router-link to="/standard1">点击跳转</router-link> </div> <div style="margin-top: 15px">原创 2021-06-25 15:27:43 · 228 阅读 · 1 评论 -
Vue整合Echarts实例
Vue整合Echarts实例引入Echarts模块:cnpm install echarts --save在src目录下,main.js文件中使用Echarts模块:import Vue from 'vue';import echarts from 'echarts';Vue.prototype.$echarts = echarts;路由中写入(index.js):import Echarts from "@/components/Echarts";{ path: '/Echart原创 2021-06-18 14:44:01 · 550 阅读 · 1 评论 -
Vue整合Node.js,直连Mysql数据库进行CURD操作
Vue整合Node.js,直连Mysql数据库进行CURD操作方法一:创建相关的库表结构:引入需要的模块(mysql、http、vue-resource)// 找到项目所在位置(进行DOS命令)、项目中拥有可以不重复引用cnpm install mysql --savecnpm install http --savecnpm install vue-resource --save点击package.json,查看是否引入成功:在项目根目录下创建server文件夹:编写se原创 2021-06-17 16:27:27 · 1477 阅读 · 2 评论 -
Vue项目中,引入阿里矢量图标库
Vue项目中,引入阿里矢量图标库(1)阿里矢量图标库地址(需要登录):https://www.iconfont.cn(2)找到自己心仪的图标:(3)添加入库:(4)点击购物车图标(免费的哦):(5)将所选的图标添加到项目中(没有项目的,可以新建项目):(6)下载到本地:(7)将下载的文件重命名放入自己的Vue项目中:(8)关联前缀样式:@font-face { font-family: "iconfont"; /* Project id 2581973 */ s原创 2021-05-31 16:22:33 · 499 阅读 · 1 评论 -
Vue常见面试题,事件修饰符
Vue常见面试题,事件修饰符① once 设置事件只能触发一次(第二次以及以上将不会触发):<button @click="btn">测试按钮</button>btn(){ console.log("开始测试");}② prevent 阻止默认事件的发生(例如,点击超链接,不会进行跳转)<a href="www.baidu.com" @click.prevent>百度</a>③ stop 阻止冒泡(阻止事件向上级DOM元素传递)&原创 2021-05-11 15:37:52 · 203 阅读 · 1 评论 -
Vue常见面试题,如何获取DOM元素
Vue常见面试题,如何获取DOM元素代码如下(template):<div ref="xcgg" id="LOVE"> <p>小辰哥哥开始测试啦</p></div>代码如下(script):const dom = this.$refs.xcgg;console.log("获取DOM ID值:"+dom.id);总结每一个提升小技巧!!!......原创 2021-05-11 10:53:17 · 185 阅读 · 1 评论 -
Vue常见面试题,v-on绑定多个事件
Vue常见面试题,v-on绑定多个事件案例:当输入框获取焦点,失去焦点时,分别触发不同的函数示例如下:输入框:<el-input class="inputCloud" placeholder="获取焦点、失去焦点测试" v-on="{focus:focus,blur:blur}"></el-input>函数部分:blur(){ console.log("输入框失去焦点");},focus(){ console.log("输入框获取焦点");}当输入框获原创 2021-04-07 14:52:13 · 747 阅读 · 3 评论 -
Vue实现滑动登录(Java Web项目)
Vue实现滑动登录(Java Web项目)1.Vue中Template部分代码如下:<div class="login-btn"> <div class="jc-component__range"> <div class="jc-range" :class="rangeStatus ? 'success' :'' "> <i @mousedown="rangeMove" :class="rangeStatus?successIco原创 2021-04-01 17:12:33 · 774 阅读 · 2 评论