qq_38674970的博客

cdn导入路由懒加载

<router-link :to="{ path:'/cart', query: {shopid:site.id}}" >// 在query里放值:to="{path:'/placeOrder',query:{orderItem:this.selectFoods,orderPrice:totalPrice,orderOrange:totalOrange,}}"//多个传...

//创建小球//创建div  //样式//在cartcontral中创建点击事件//购物车主页面 拿到事件 放入事件//底部购物车放入事件//父获得子//主页面获得事件 进行点击//底部购物车放入事件//放入数组//事件放入值//呗选择的样式//动画开始//动画结束 与中间运行    基...

因为是抄的  错在哪也不知道 以为：food=“food” 就是food  其实后面那个是传递的数组。。。搞了半天，不懂原理根本做不了好的啊。还要+-的显示隐藏明天别忘记了...

<template> <div> <div class="shopCart"> <div class="left"> <div class="cart"> <img src="./img/cart.png" alt="" /

import {formatDate} from '../../assets/data.js';//引用js文件 filters: { formatDate(time) { var date = new Date(time); return formatDate(date, 'yyyy-MM-dd'); //显示...

new webpack.optimize.UglifyJsPlugin({ compress:{ warnings: false, drop_debugger: true, drop_console: true }})webpack.config.js 的 plugins 里面加上drop_debugger: true,drop_console: tr...

getCode(formData){ if (!this.timer) { this.count = TIME_COUNT; this.show = false; this.timer = setInterval(() => { ...

@change-type="passHide"<payPass @change-type="passHide"></payPass>//前面是子组件的事件  后面那个是父组件原先自带的事件    passHide:function(){        this.fold=!this.fold; }, hel...

网上的6位支付密码 都是有点残缺的 不知道什么鬼。。我改了下  把缺的删除功能，样式错误，输入框同步输入放了进去<template> <div class="pay-tool"> <div class="pay-tool-title border-bottom"> <span class="icon icon-back&quot

最近要做用vue做一个后台，因为没有ui，就打算用框架做，在iview和element里还是选择了ho后面那个比较是饿了吗写的，应该比较值得信赖！首先是使用方法       在vue安装好脚手架后       npm i element-ui -S    安装import Vue from 'vue';import ElementUI from 'element-ui';import...

<forgetMessage v-if="control.logoState == 2" @my-event="regression" ></forgetMessage> //父元素methods 方法里regression (msg){ // 此事件用来触发返回的 this.$set(this.control,"logoState", 1); } ...

// 之前一直不明白 watch 咋用  原来这么简单，就是告诉看你改变的值是啥就行了 data(){ return{ message:10, borlen:true, abc:1, } },//就是比如data里有个borlen值 你要监听他 watch:{ borlen(){...

//在此之前先安装less 就不说了npm install sass-resources-loader --save-dev //下载然后在build 的utils.js中exports.cssLoaders = function (options) {}中加上一下代码：path.resolve //改为自己的代码目录 function lessResourceLoader()...

<rolesadd @my-event="addRoles = false" :IsOfficial="IsOfficial"></rolesadd>// 父组件 :IsOfficial 子组件接收值 IsOfficial 要传的值 props: { IsOfficial: Boolean, },<el-checkbox...

https://www.jianshu.com/p/7a26dfb11392

@click="searchName" searchName:function(e){ console.log(e.target.innerText); },//获取值this.histry.push(this.searchtxt);localStorage.setItem("array",JSON.stringify(this.histry));...

<transition name="fold"> <div class="shopcart-list" v-show="listShow"> <div class="list-header"> <div class="title&quo

vue也是这样 跨域也是这样。你就应该重新系统的看下。看api看毛视频。。。直接更改下标数据是不会更新的。es5设计就是如此，//获取data success: function (data) { window.i=data.respond; console.log(i[0].product) if(data.status){ var vm=new Vue({ ...

安装node.js 傻瓜式 安装完毕看版本信息: node -v;安装cnpm：  npm install -g cnpm --registry=http://registry.npm.taobao.org安装vue-cil : cnpm install -g vue-cli 创建项目：vue init webpack firstVue  //firstVue 是名字写名字啥的...

//跳转就用路由，app.Vue里只要放  其他的都在里面跳转，比如底部四大栏就用模块放进去 <router-view></router-view><img src="./img/back-left.png" @click="goback" alt="" />订单列表 methods:{ goback:function(){ ..

export default {  name: 'App',  components:{                          Vhome,                          Vfooter                      }//载入模块                                }//在 mounted 里    防止第一...

引用vueVue.http.options.emulateJSON = true;Vue.http.options.headers = { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' };变为formdata获取值    export default {        data() {...

@click="leftGo($event,index)" :class="{active:data2.shows==index}"         leftGo:function(event,index){console.log(index)}

//如果发现传值是对的  但是返回数据一直重复  也许是你再复制粘贴的时候写错了购物车页面样式 这种样式不用进行屏幕高度的计算 用相对定位就行了 定位顶部距离与底部距离。为什么想不到呢  css太差了    display: flex;        .left {            flex: 0 0 80px;               width: 80px;  ...

   data() {      return {        goods: [],        listHeight: [],        scrollY: 0,        selectedFood: {},        pink:"pig",      };    },//定义一个pink值:red="pink"传入 props:["food","r...

cnpm 安装//放入组件//dom安装//封装组件//调用 nextTick回调结束后调用     结束//左右对应滑动 calculateHeight事件//定义一个数组//呗js选择的样式 food-list-hook//第二个methods事件//左右两侧添加计算属性//属性计算与区间选择//cla...

import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ error:require('./assets/error.png'), loading:require('./assets/loading.png')})//引入     npm install vue-lazyload --save-devv-lazy='...

//加入html//放入加减组件  注册三件套//flod判断 listShow进行判断//进行判断//点击显示隐藏   样式//加入插件//组件初始化 派发click事件//清空购物车效果//背景模糊//样式//背景点击隐藏//购买事件//支付...

cnpm install better-scroll --save   //安装 import BScroll from 'better-scroll'//调用<div class="left" ref="menuWrapper">// 写入ref dom _initScroll(){ this.meunScroll=new BScroll...

window.onscroll = function(){ //变量scrollTop是滚动条滚动时，距离顶部的距离 var scrollTop = document.documentElement.scrollTop||document.body.scrollTop; //变量windowHeight是可视区的高度 var windowHeight = docum...

//创建购物车组件//引用//注册//放入 //组件传值 这个项目非必要 要了解//计算总和 从父元素拿值//计算值总和值//放值//商品总和计算//赋值//总数大于0的时候显示  总价大于0时高亮//还差多少起送  非必要   、、逻辑判断结束//购物加减按钮模...

<div id="app">  <li>{{ message }}</li>  <ol>    <li v-for="site in respond">      {{ site.total }}    </li>  </ol></div>&amp