随笔分类 - Vue2.0
记录vue2.0学习过程中所遇到的问题
摘要：动态改变某一范围内的字体颜色 低于90 大于90小于95 大于95 两种方法都可以 <div class="dhd-num4" :style="{'color':item.value<90 ? '#e3614b' : item.value>=90&&item.value<95 ? '#f2ba53'
阅读全文
摘要：此处贴上vue代码,直接使用即可,数据根据实际情况更换 <template> <div class="new-home_right-pie"> <div id="new-home-pie" @mouseenter="enterPie" @mouseleave="leavePie" ref="newH
阅读全文
摘要：1.父组件内 2.子组件内(使用JSON.parse(JSON.stringify(xxx值))) 进行深拷贝
阅读全文
摘要：一直用的都是this.$parent来取父组件的值,现在发现,element-UI内的组件,也是一层父组件 例如 父组件内 子组件内 console.log 打印结果
阅读全文
摘要：以下是父组件内的代码截图 如果想取子组件内的方法,参数,等可以试以下两种方法 1.在mounted内使用this.$nextTick(()=>{ }) 2.直接再undated() {} 内取 ()
阅读全文
摘要：方法一 把对象属性（基本类型）的作为监听对象 方法二 利用computed缓存依赖需要监听的对象 然后再对存在对象进行一个监听，从而获取前后值的变化
阅读全文
摘要：一、安装vue-json-excel npm install vue-json-excel -S 二、main.js中引入 import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel) 三、页面中使用
阅读全文
摘要：1.router.js内写跳转的新页面的路由 2.在点击跳转的事件内写 outsideLink () { let {href}= this.$router.resolve({ path: "/newLinkPage", }); window.open(href, '_blank'); }
阅读全文
摘要：Install npm i vue-calendar-component --save 或 cnpm i vue-calendar-component --save //国内镜像 然后写相关vue <template> <div class="mainBox"> <Calendar :textTop
阅读全文
摘要：1.想改变cardsData数组内对象中brand的值 通过遍历接口赋值,发现虽然数组已经发生改变，但是改变后的数据并没有渲染到页面上, 查看api得知: 使用Vue.set()方法可以实现响应式修改数组数据 2.vue.set()方法含义 3.项目中使用 例如(只是个例子,具体想改成什么值,以具体
阅读全文
摘要：查找了location对象的属性 但是比如: http://localhost:8080/#/test?limitUserName=test&grade=0 像这种路径,取到的就是空值 因为查询字符串search只能在取到“？”后面和“#”之前的内容，如果“#”之前没有“？”search取值为空。
阅读全文
摘要：只需要两步就可以了 1.把你的txt模板文件放到static内 2.vue页面里写<a href="/static/matchData.txt" download="文件模板.txt">文件模板</a> (注:download="下载文件名称.txt")
阅读全文
摘要：前端post请求get请求内--body和query传参的区别 1.get请求只能传query参数，query参数都是拼在请求地址上的 截图官方示例 实际项目内get请求的接口 截图 2.post可以传body和query两种形式的参数 body形式参数 query形式参数
阅读全文
摘要：效果如图所示,阴影部分及提示框隔五秒移动一次 下面贴上echarts官网 实例中测试的源码 1 var timmerOneAnim=null; 2 var namedata = [ 3 "姑苏区", 4 "虎丘区", 5 "吴中区", 6 "相城区", 7 "吴江区", 8 "工业园区", 9 "常
阅读全文
摘要：axios.post 请求的两种参数格式 1.{ key:value } 2. key : value
阅读全文
摘要：如图 vue-cli默认帮我们安装了html-webpack-plugin（如果没有，可以自己npm安装） 所以vue项目内,想更改页面顶部小图标,只需一步 1、开发环境（开发调试时）配置： 2.生产环境（打包后）配置： 注意: favicon内填写路径一定要是相对路径
阅读全文
摘要：直接贴码 1 <template> 2 <div> 3 <ul class="resultList"> 4 <li v-for="(item,index) in standardData" @click="setCenter(index)" :class="{selectedColor:select
阅读全文
摘要：做个笔记 按住shift之后右键文件夹会出现在此处打开命令窗口，点击即可
阅读全文
摘要：现在的情况是点击公司名称，查看公司详情 但发现点击1处，查看详情滚动一部分，再关闭1处，点击2处，滚动条不在顶部 解决方法就是：点击触发事件内，使滚动条每次都置顶 由于submitData（）是获取所有的dom节点，所以document.getElementById("unitContent").s
阅读全文
摘要：只需要更改三处 1.config文件 index.js build里 更改为 assetsPublicPath: '/'， 2. build文件内webpack.prod.conf.js，在output：增加 publicPath: './', 3.build文件内 utils.js， 增加 pub
阅读全文
浙公网安备 33010602011771号