一只冷狗-优快云博客

转载 vue中eventBus，一个页面调用另一个页面中的方法

在main.js中将eventBus挂载到vue原型上。在B页面mounted中监听。在A页面点击按钮后执行。

2022-08-29 15:34:52 1091

原创子组件向父组件传值$emit

【代码】子组件向父组件传值$emit。

2022-08-29 15:28:39 217

原创 vue a页面跳转到b页面，隐藏a页面，b到a再显示a页面，ref跳转

a页面要隐藏的div<addassets ref="addassets"></addassets><div v-show="show"></div><a @click="openAddassets()">查看详情</a>data:{ show: true,} // 打开ref的b页面 openAddassets() { this.show = false; this.$refs.ad

2021-09-01 13:48:16 607

原创 vue子路由跳转回父级，刷新部分父页面接口，push跳转

首页要确定是否是路由跳转，不局限语父子跳转子页面返回写法 this.$router.push({ path: "/",//上级页面的路径 query: { key: this.$route.query.id }//传到父级的值。 }); //父页面 //在watch中监听值的变化 watch: { $route(to, from) { //监听路由是否变化 if (to.query.key !=

2021-09-01 13:32:15 2854

原创 vue路由router从父页面跳转子页面，父页面隐藏

首页路由中 { path: "/", meta: { title: "电子说明书", icon: "menu", hideInMenu: true, index: 0, showFooter: true//使用这个，显示隐藏 }, component:

2021-09-01 13:23:43 3745 5

通过ref修改<div class="sub" ref="abc" @click="submit()">确定</div> submit() { if (!this.password) {//我写的判断 this.$refs.abc.style.background = "#ccc"; } else { this.$refs.abc.style.background = "#07C160"; } },

2021-09-01 13:18:00 11571

原创 element 导入导出，下载导入模板电子表格，vue实现

红色红色方块内是要实现的功能HTML代码（均为element标签） <div class="done" @click="download"> <a >下载导入模板</a> </div> <div class="leading-out"> <el-button type="info" @click="exportBtn">

2020-12-31 14:06:00 996 1

原创百度地图api在本地页面显示，其他主机访问地图页面不显示原因

在做百度地图api相关的系统时，发现，地图页面在本地是显示没有问题，ip地址别人访问时，地图就不显示了，f12查看。地图标签也是在的。只是地图没显示出来。原因分析：如果确保代码无问题，看下，在百度api下载的样式文件json是否过大。get传输没有什么限制，但是浏览器有查到的资料。各种浏览器和服务器的最大处理能力如下：IE：对URL的最大限制为2083个字符，若超出这个数字，提交按钮没有任何反应。Firefox：对Firefox浏览器URL的长度限制为：65536个字符。Safari：U

2020-12-04 17:47:30 1230

原创 echarts修改折线图样式，总结踩坑以及常用

以折线图为例。最终呈现的效果是这样的在最外层可以设置，距离外层box的距离myChart.setOption({ grid: { //距离外层box左右位置 x: 30,//左 y: 45,//上 x2: 45,//右 y2: 40,//下 borderWidth: 1, }, }）在xAxis,x坐标轴中，可以设置的样式，同样可作

2020-12-04 17:39:09 5055

原创 input框获取焦点时，边框样式修改等

在css样式中，写入 input:focus {//获取焦点 outline: 1px solid #51c9ff;//边框不用border，用outline background: rgba(3, 16, 28, 0);//背景色 }如果获取焦点需要，修改输入value的颜色。直接在input，color中设置就可以...

2020-11-26 10:49:46 10761

原创 vue中登录页面的router跳转，token的拦截的写法

我在写登录页面的时候发现，如果我直接粘贴复制里面的网页地址，我也是可以进入的，那么这个登录页面就形容虚设。仔细考虑了，想到了这个简便方法首先贴一下登录的vue写法html区域 <div class="name"> <input type="text" v-model="loginName" placeholder="请输入用户名" /> <div class="img-name"></div> &l

2020-11-26 10:02:31 1413

原创 element日期选择器，时间范围设置为一周，vue中的写法

1.首先引入插件，我用的是 <el-date-picker v-model="dateArr" value-format="yyyy-MM-dd" type="daterange" :clearable="false" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"

2020-11-26 09:48:20 4319

原创 mock.js生成数据，通过template显示到HTML

首先mock生成数据需要引入相关链接，他们有自己的模拟数据生成。在后端没有给到数据时，我们很需要这个然后template的好处是，有提示，不容易出错 let obj = Mock.mock({ 'userlist|10': [ { "uid|+1": 1001, name: "@cname",//名字 city: "@ci

2020-07-14 11:23:43 499

原创 vue基本入门实操，实现简单的轮播

首先，进入vue官方网站，不建议安装npm。可以先导入放入这行链接。接下来就可以写我们的基本结构了 <div id="app" v-cloak> //v-cloak 防止加载闪烁，提高用户体验 <ul> <li v-for="(img,i) in imgList"> <img :src="img" :style="{width: w,height: h}" v-show="i===active"&gt

2020-07-14 11:15:10 153

原创 js随机数Math.random()，区间数，生成指定位数字符串，记录字符串出现次数

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2020-06-22 17:02:17 749

qq_40798486的博客