vue
zyj12138
本人已经转行 博客不再更新,宇宙的尽头 终究不是为了进阿里巴巴
展开
-
vue2+amis初阶使用+获取表单值
功能:通过后台数据json实时更换表格,确实amis是不错的选择,但是基于react…yarn add amis@1.9.0同时需要安装typescript react vuera react-dom copy-to-clipboard (后两个好像后续没用到了,但是之前测试的时候我安装了,react安装17.0.0版本)vue需要使用的文件中: <div ref="box" style="text-align: center; font-size: 24px; fo原创 2022-05-13 17:51:55 · 9386 阅读 · 13 评论 -
echarts仪表盘Multi Title Gauge 的max属性导致重叠问题
写这个表盘的时候,因为要设置max,不然默认100(如果数值大的话不便于观看) const max = Math.max.apply( Math, level.map((item) => { return item.value }), )获取数组里面的对象的最大的元素值max,传值给子组件max会发生重叠问题:.原创 2022-04-20 10:16:39 · 678 阅读 · 0 评论 -
vue局部页面路由跳转
比如一个页面里面有两个甚至多个div,要求其中一个div显示某个路由页面:在路由index.jse里面配置,写子路由children:<div class="design-right"> <router-view /> </div>然后在你得div里面写入router-view或者可以this.$router.push({ path: “/add” });触发部分跳转显示...原创 2021-06-28 16:00:48 · 4498 阅读 · 0 评论 -
vue element树形控件 展开全部 收起全部
真的是百度看各种博文各种坑,不忍直视,经过本博主不断地钻研,终于成功了,先看图:数据是接口来的一个整体数据,并非点一下请求一下懒加载,如果有类似功能的也可以私聊,有源码。button:<el-button icon="el-icon-plus" @click="setAllExpand(true)" type="info" plain >展开 &l原创 2021-06-16 14:26:47 · 1415 阅读 · 2 评论 -
vue中实现滚动条加载更多加载表格数据
时隔3个月 终于要更新了 我发现网上写的很多都不尽人意或者比较散,这里更新我自己在项目中实现的滚动条到底部开始加载数据: mounted() { window.addEventListener("scroll", this.handleScroll, true); }, handleScroll(e) { //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = e.target.scrollTop; //变量wi原创 2021-06-09 09:58:16 · 862 阅读 · 0 评论 -
移动端/PC端适用 在vue中使用 antv g2 实现竖向折线图 上下xy值
实现效果如图,上面X值,下面Y值,并且可滚动首先我们父组件传过来是这样一个对象:temData中我们需要这两个值,因为根据胶囊按钮选择了源码:<template> <div id="temChart" ref="chartRef" :style="{ height: '244px',width:'1203px', display: chartShow }"></div></template><script>import {原创 2021-01-18 17:55:06 · 785 阅读 · 0 评论 -
vue使用全景图(krpano)
关于网上很少有使用krpano在vue的方法,这里我们会介绍基础的方法和一些配置。(因为自己使用的是破解版,不进行软件的分享,只进行技术分享,博主也仅用作自己实验用途)首先我们需要准备一张图片,然后拖入krpano中的bat:他就会自动转换出一个对应的文件tour,大致配置如下:然后我们在vue项目中创建一个static文件下,再创建一个krpano文件夹专门用于存放我们转换出来的文件:在vue的index.html下引入:(在这里引入主要是为了子页面的embedpano方法)在子页面原创 2020-10-10 15:44:52 · 3197 阅读 · 0 评论 -
实现卡牌反转效果(简单)
效果如图<div class="reverseLeft reverse" > <groundOrderAmount class="pageContent" :class="ifShow ? 'screen-left' : 'screen-right'" ></groundOrderAmount> <groundOrder...原创 2019-12-31 17:36:58 · 1027 阅读 · 1 评论 -
vue element表格的增删改查(细)
首先贴上完整的代码和对应图:<template > <div class="hello"> <div class="searchDiv"> <el-col :span="4"> <!-- 查询输入框 --> <el-input v-model="input" placehol...原创 2019-10-12 14:08:00 · 1216 阅读 · 0 评论 -
vue中内部div自动向下滚动到底部(表格内数据自动滚动到底部)
需求是写一个表格,表头不能动,表格内数据进行滚动,并且刚打开页面自动滚动到底部,先上我们写的table:<div class="everyDiv"> <div class="leftDiv">农药使用</div> <div class="rightDiv" > <header> ...原创 2019-10-21 15:08:33 · 3666 阅读 · 1 评论 -
vue中实现简单的分页
这篇是对之前参考的博客进行一个改进,因为我发现在我这里使用有些顺序是不可行的参考博客然后写这篇博客也是给自己以后作参考:<!-- --><template> <div class="careMePage"> <table> <thead> <tr> <...原创 2019-10-25 10:06:33 · 510 阅读 · 0 评论 -
vue中导航的自动吸顶
我们实现的就是这种效果(请忽视博主的水印,充不起vip啊),下面放代码:<template> <div class="hello"> <div class="myTop"> <ul> <li>hello</li> <li>marry</li>...原创 2019-11-01 15:25:39 · 601 阅读 · 0 评论 -
li导航栏点击不同的li变色以及li之间间距解决
实现的效果是点击不同li背景色变化 同时其他的li背景色褪去<li @click="changePage(1)" class="myLi"><router-link to="/home/" tag="li">首页</router-link></li><li @click="changePage(2)" class="myLi">&l...原创 2019-10-31 14:45:08 · 672 阅读 · 0 评论