vue
flying_huixia
希望在编程的道路上一直进步,结识更多志同道合的人!
展开
-
vue购物车项目遇到的知识点
1、vue图片静态路径可以加载成功,但是List里面的src属性动态赋值,图片无法显示解决:require("@/img/xxx.png")2、路由跳转传递的参数可以是对象吗可以;使用params传递参数3、购物车中,点击增加数量,只对当前物品进行小结计算,vue的v-for循环中item中的对象数据的处理怎么挪入computed中来计算。因为computed不能携带参数,但是需要把当前Index传递进去,去计算金额,使用methods来代替 getTotalPrice()原创 2020-09-13 20:59:57 · 762 阅读 · 0 评论 -
Vue项目环境准备以及常用git命令
1 Vue项目环境准备(1)下载按安装Node.js运行环境,node-v 用来检查已安装node版本npm为一个包管理工具 npm-v检查npm版本号(包含一些代码开发效率、版本控制)(2)注册码云账号(网上git云仓库)(3)在本地安装git,git --version检查是否安装成功windows系统 git bash 执行SSH keygen邮箱填写自己的邮箱git clone把线上代码放...原创 2018-07-03 18:46:04 · 817 阅读 · 0 评论 -
码云代码托管常用命令以及本地代码提交到线上git仓库命令总结
最近用vue写了一个小项目,代码托管工具选了码云。每次开发都会先在码云上面创建新的分支,然后本地拉取这个新分支,并且此次在这个新分支中进行代码开发。以下对整个Git命令做一个总结。一、码云托管Git命令使用开发前工作1 在码云上新建分支,如上图中的detail-list,detail-ajax2 在本地执行命令git pull这将会拉取线上can仓库刚创建的分支。再输...原创 2018-12-17 14:15:56 · 234 阅读 · 0 评论 -
vue项目报错的以及echarts动态获取数据并展示折线图的几点整理
1、在npm run dev时报错 This relative module was not found:views/inform/setting/type.vue没有找到相关模块,一直以为是router路由没配置。后来才发现。是../../components/wrapper-content模块没找到,路径写错了,对应目录还应该再上一级,为../../../,即遇到这个报错,就看自己引入的模...原创 2018-12-26 20:04:48 · 2894 阅读 · 6 评论 -
总结:iview(基于vue.js的开源ui组件)学习的一些坑(二)
1、iview中modal遇到的一点问题,在新增内容时,需要弹出Modal框(modal框包含一个表单),第一次就是默认的placeholder数据,可是第二次打开时,就是上一次填的值。官网并没有提醒。。。解决办法是:用watch监听函数,监听modal框,当打开时如果里面有数据就清空,或者关闭这个modal框时,顺便把数据清空。其中add_model时双向绑定到Madal框上的 ...原创 2018-12-28 09:20:35 · 872 阅读 · 0 评论 -
总结:iview(基于vue.js的开源ui组件)学习的一些坑(一)
1、要改变组件的样式找到这个组件的class名,然后覆盖样式。举例:修改select框,显示圆角。只需给找到类名并写样.ivu-select-selection{ border-radius:15px;}2、form表单必须有:model="formInline" :rules="ruleInline" <Form ref="formInline" :model...原创 2018-12-21 19:58:33 · 1820 阅读 · 2 评论 -
总结:iview(基于vue.js的开源ui组件)学习的一些坑(三)
1、深入理解vue传参数(1)params传参数---参数在url中不显示。需要name:页面路由的名字,需要传递的参数为对象,放在params里面。 this.$router.push({ name: "list-item-edit", params: {reportItemData:datas} }) 接收参数:$route.params.reportItemData....原创 2019-01-09 09:23:52 · 537 阅读 · 0 评论 -
电商小程序实战之mpvue-weui简介及mock数据
一、Mpvue-WeUI是基于 mpvue 的一个小程序 UI 框架, 保留了 weui 的视觉规范,旨在提高小程序开发体验,同时让用户的使用感知更加统一。基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。微信小程序请求接口,官网第三方的网络请求库 fly,主要是小程序不支持ajax,所以flyio相当于在axios的基础上把这些兼容了.引入var ...原创 2019-04-10 21:32:27 · 1641 阅读 · 0 评论 -
vue的mvvm原理简单实现
1、实现原理图2、实现思路三大模块:模板编译主要简单处理两种:1指令编译 v-modle 2 文本编译 {{data}}对应 更新元素数据(input) 方法 更新文本数据方法数据劫持遍历传进来的数据对象,分别给对象的属性重写get \ set 方法利用了Object.defineProperty观察者将劫持和编译联系起来 ----》发布订阅订阅...原创 2019-08-17 16:34:23 · 276 阅读 · 0 评论