摘要: 问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见。 解决方案: 方案一:只需在 router 文件夹下,添加如下代码: // src/router/index.js Vue.use(Router) const router = new Router({ routes 阅读全文
posted @ 2021-12-27 14:53 秋墨江雪 阅读(49) 评论(0) 推荐(0) 编辑
摘要: element-ui级联选择器(Cascader)获取级联对象 :主要是想获取:label值、value值 效果图预览: <el-cascader :options="options" v-model="selectedOptions" :props="props" size="small" ref 阅读全文
posted @ 2021-12-27 14:42 秋墨江雪 阅读(1675) 评论(0) 推荐(0) 编辑
摘要: 方法一:直接引入vue.js文件的h5页面 created(){ 变量直接存一下路径 var imgurl1 = "./img/tutu1.png" 然后直接赋值。 this.neme} 方法二:框架里面引入本地图片(在引入vue.js的情况下使用会报错) // 直接在data中引入。 data:{ 阅读全文
posted @ 2021-12-27 14:31 秋墨江雪 阅读(1544) 评论(0) 推荐(1) 编辑
摘要: doLayout 解决 elementui table加载数据之后错位问题 有的时候在使用elementui 的table时候,更新完数据之后。表格就会错位。这个时候只需要使用doLayout重新加载一下table就好了。 <el-table ref="tableref" ></el-table> 阅读全文
posted @ 2021-12-27 14:14 秋墨江雪 阅读(1025) 评论(0) 推荐(0) 编辑
摘要: 8个常用的JavaScript数组方法 数组(Array)是JavaScript中内置的全局对象,在构建诸如商品列表等组件(Component)时,时常用到。除了常见的push、pop、indexOf等方法,JS还提供了一些诸如过滤、规约等流处理方法,非常类似于Java的Stream库。 const 阅读全文
posted @ 2021-12-27 14:03 秋墨江雪 阅读(78) 评论(0) 推荐(0) 编辑
摘要: JS中常遇到的浏览器兼容问题和解决方法 JS中常遇到的浏览器兼容问题和解决方法 今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上常遇到的关于浏览器的宽高问题 // 以下均可console.log()实验 var winW=document.body.cl 阅读全文
posted @ 2021-12-27 13:51 秋墨江雪 阅读(331) 评论(0) 推荐(1) 编辑
摘要: 1,vue中有提供反向代理的接口,就是config/index.js中的 proxyTable,我的脚手架版本是2.9.6,proxyTable配置初始为空,如下图。 2,将proxyTable配置如下: proxyTable: { '/api': { //需要代理的接口 target:'http: 阅读全文
posted @ 2021-12-27 13:37 秋墨江雪 阅读(826) 评论(0) 推荐(0) 编辑
摘要: [Violation] Added non-passive event listener to a scroll-blocking <some> event. Passive Event Listeners——让页面滑动更加流畅的新特性 Passive Event Listeners - 被动事件监 阅读全文
posted @ 2021-12-27 11:32 秋墨江雪 阅读(495) 评论(0) 推荐(0) 编辑
摘要: javascript中toFixed使用的是银行家舍入规则。 银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法。 简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一。但是不论引入toFixed解决浮点数计算精度缺失的问题也好, 阅读全文
posted @ 2021-12-27 11:29 秋墨江雪 阅读(269) 评论(0) 推荐(0) 编辑
摘要: JavaScript,会在创建变量(对象,字符串等)时分配内存,并且在不再使用它们时“自动”释放内存,这个自动释放内存的过程称为垃圾回收。 因为自动垃圾回收机制的存在,让大多Javascript开发者感觉他们可以不关心内存管理,所以会在一些情况下导致内存泄漏。 内存生命周期 JS 环境中分配的内存有 阅读全文
posted @ 2021-12-27 11:22 秋墨江雪 阅读(1507) 评论(0) 推荐(0) 编辑
摘要: 关于js浮点数计算精度不准确问题的解决办法 今天在计算商品价格的时候再次遇到js浮点数计算出现误差的问题,以前就一直碰到这个问题,都是简单的使用tofixed方法进行处理一下,这对于一个程序员来说是及其不严谨的。因此在网上收集了一些处理浮点数精度的文章。觉得别人写的挺好了,我在简单的总结一下,以方便 阅读全文
posted @ 2021-12-27 11:03 秋墨江雪 阅读(1747) 评论(0) 推荐(0) 编辑
摘要: vue-cli3优化配置 1.使用cdn引入不改变的第三方库 const cdn = { // 忽略打包的第三方库 externals: { vue: 'Vue', vuex: 'Vuex', 'vue-router': 'VueRouter', axios: 'axios' }, // 通过cdn 阅读全文
posted @ 2021-12-27 10:54 秋墨江雪 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 最近在项目中使用了Vue CLI 3.0版本,项目中需要设置反向代理解决跨域问题,下面记录一下设置过程。 新建配置文件 在项目的根目录下新建 vue.config.js 文件,自Vue CLI 3开始,项目中所有的配置信息都写在这个文件中(2在config目录中配置)。 配置反向代理 设置代理 mo 阅读全文
posted @ 2021-12-27 10:45 秋墨江雪 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 创建了vue-cli3脚手架项目之后,需要自己新建一个vue.config.js文件,然后配置axios,就可以请求接口获取数据了。 实现代码: 1.vue.config.js:设置反向代理,解决跨域 proxy: { '/api': { target: '请求地址', secure: false, 阅读全文
posted @ 2021-12-27 10:42 秋墨江雪 阅读(382) 评论(0) 推荐(0) 编辑
摘要: ES6为Array增加了find(),findIndex函数。 find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。 findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find( 阅读全文
posted @ 2021-12-27 10:38 秋墨江雪 阅读(258) 评论(0) 推荐(0) 编辑
摘要: <router-link to="/aaa" @click.native="clickEvent"> 阅读全文
posted @ 2021-12-27 10:20 秋墨江雪 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 之前一直在搜怎么让提示框的文字换行,网上搜到的基本都是使用 ‘ /n ’,使用无效,也试了css换行,本来想用弹窗自己编辑html内容,还好回去官网看了一下; let arr = ['测试一', '测试二', '测试三']; let str = arr.join(' <br/> '); this.$ 阅读全文
posted @ 2021-12-27 10:01 秋墨江雪 阅读(1499) 评论(0) 推荐(0) 编辑
摘要: 在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法: <input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, 阅读全文
posted @ 2021-12-27 09:47 秋墨江雪 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 五种js判断是否为整数类型方式 这篇看看如何判断为整数类型(Integer),JavaScript中不区分整数和浮点数,所有数字内部都采用64位浮点格式表示,和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。 方式一、使用取余运算符判断 任何整数都会被1整除,即余 阅读全文
posted @ 2021-12-27 09:39 秋墨江雪 阅读(887) 评论(0) 推荐(0) 编辑
摘要: 有时候我们可能需要在{{}}里添加一些需要计算再展示出来数据 例如:在页面中展示学生的成绩总分和平均分: <div id="app"> <table border="1"> <thead> <th>学科</th> <th>分数</th> </thead> <tbody> <tr> <td>数学</t 阅读全文
posted @ 2021-12-27 09:28 秋墨江雪 阅读(85) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-12-26 22:25 秋墨江雪 阅读(282) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-12-26 22:00 秋墨江雪 阅读(96) 评论(0) 推荐(0) 编辑
摘要: <el-dialog title="修改密码" :visible.sync="dialogTableVisible" :fullscreen="true" :show-close="false" :close-on-click-modal="false" > <el-form ref="form" 阅读全文
posted @ 2021-12-24 17:25 秋墨江雪 阅读(991) 评论(0) 推荐(0) 编辑
摘要: <style> .image-header{ position:relative; width:100%; height:0; padding-top:100%; } .image-header img{ position:absolute; top:0; left:0; width:100%; h 阅读全文
posted @ 2021-12-24 16:40 秋墨江雪 阅读(313) 评论(0) 推荐(0) 编辑
摘要: Vue props传递的类型和写法 1、props常用属性 type (规定数据类型) String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6) default default 阅读全文
posted @ 2021-12-24 16:32 秋墨江雪 阅读(1392) 评论(0) 推荐(0) 编辑
摘要: 在示例数组中,如果需要通过某对象的名称来或者对应对象的id。简单来说,就是获取小明的id值。 var array = [ { name: "小明", id: 1}, { name: "小吉", id: 2} ]; 方法: let obj = array.find(o => o.name '小明'); 阅读全文
posted @ 2021-12-24 16:15 秋墨江雪 阅读(2179) 评论(0) 推荐(0) 编辑
摘要: Element-ui的表单中怎么添加正则校验 1. 以中国大陆手机号验证为例 // 这是组价的代码 <el-form-item prop="mobile"> <el-input type="text" v-model="ruleForm.mobile" auto-complete="off" pla 阅读全文
posted @ 2021-12-24 15:53 秋墨江雪 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 首先检查先下this指向问题哦!很多次都是方法中嵌套function导致this.getdata()指向出现问题,所以没有刷新页面!排除后还是不行,可以用下面强制方法试试一般能成功!要是强制也不生效就是this指向问题了。 强制渲染方法:this.$forceUpdate(); 强制刷新页面:thi 阅读全文
posted @ 2021-12-24 15:48 秋墨江雪 阅读(1231) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2021-12-24 15:41 秋墨江雪 阅读(504) 评论(0) 推荐(0) 编辑
摘要: function fullScreenFun() { var iFullscreen = false; //当前是否全屏状态 var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || 阅读全文
posted @ 2021-12-24 15:39 秋墨江雪 阅读(140) 评论(0) 推荐(0) 编辑