Vue从零开始
记录个人学习及使用vue框架时的总结及问题解决办法
树某人
短短的一生终将逝去,何不如勇敢一点,攀一座山,爱一个人,逐一个梦。
展开
-
Vue环境搭建
1.安装node.jshttps://nodejs.org/zh-cn/安装完成之后打开cmd检测是否安装成功 node -v如需其他环境变量需根据个人情况进行选择2.安装vue及vue-clinpm install vue -gnpm install vue-cli -g安装完成之后打开cmd检测是否安装成功 vue -V(根据个人习惯可安装淘宝镜像cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org原创 2020-09-14 10:01:08 · 131 阅读 · 0 评论 -
vue使用常见问题及解决方案
1、项目打包完成之后改变接口IP地址方法:配置json是一个比较简单的方式,我在static文件夹下写了一个api.json用来存放所有数据的接口,虽然是没有在config下面的index.js里直接配置api来的简便,但是方便打包之后修改地址。配置代码如下:传统方式在dev下找到对用的proxyTable并添加如下代码proxyTable: { '/api':{ ...原创 2019-11-25 15:09:55 · 966 阅读 · 0 评论 -
Vue页面渲染数据之后获取后台需要的接口参数
页面上两个多选框是通过后台返回的数据渲染上去的与选择时间对应的是时间的范围与事件类型对应的是事件的类型在点击搜索框的时候需要将对应的参数传递过去并进行数据搜索 console.log(this.searchTime); console.log(this.eventTypeMsg); this.axios({ url: "/api/test/"...原创 2019-11-04 15:36:05 · 1263 阅读 · 0 评论 -
Vue跨页面传值
问题如下:当前需要在一个页面点击某个具体的数据并保存下来以便跳转到下个页面的时候使用传递一个具体的值过去当时我在data中定义了一个sendMsg:{}期间在代码中给sendMsg赋值传值的时候使用了localStroage.setItem(“msg”,this.sendMsg)却忽略了一个问题-----我定义的sendMsg是一个对象在另一个页面接收的时候出现问题—打印接收到的值为...原创 2019-10-22 14:41:50 · 2091 阅读 · 0 评论 -
Vue解决select中给option添加点击事件时无法正常操作的问题
话不多说代码敬上<select name="" id=""> <option v-for="(item,index) in msgList" :key="index" @click="chooseCore(index)">{{item.name}}</option></select>起初我是想在点击时获取到当前的index以方便接下来的...原创 2019-10-16 16:22:16 · 5734 阅读 · 0 评论 -
Vue中当点击按钮与需要获取的内容为兄弟层级时如何获取
类似于这样的情况,以一段代码作为示例<div class="hello"> <div class="one">ABCD</div> <div class="two"> <button @click="clickMe>点击按钮</button> </div></div>此时为一个大盒子包...原创 2019-10-14 15:12:42 · 685 阅读 · 0 评论 -
Vue直接修改对象中的值不会触发视图更新的问题及解决措施
首先需要了解到:只有在data(){return{}}中初始化的数据才是响应的Vue并不能检测到对象属性的添加或删除那么解决这个问题就很简单了实例问题在项目的某个阶段 需要修改一个对象中的某个值来触发视图更新来展示新的效果 但是直接修改代码的时候 发现并没有触发视图更新,此时百度到有一种方法为$set,但是研究了半天也没明白写法 索性就放弃了,并找了一种极为原始的方法 代码如下在刚...原创 2019-09-29 11:00:37 · 1955 阅读 · 0 评论 -
Vue的基本指令用法
循环:v-for (any为任何标签)<!--循环遍历,在遍历list的时候创建多个调用v-for的元素--><div id="box"> <any v-for="item in list">{{item}} </any> <any v-for="(item,index) in list"> {{item}} </any&g...原创 2019-04-16 16:19:11 · 242 阅读 · 0 评论