之前在用vue写子父组件通信的时候，老是遇到问题！！！ 子组件传值给父组件：子组件：通过emit方法给父组件传值，这里的upparent是父组件要定义的方法 模板： <div v-on:click="switchViewBtn">切换视图</div> 在data中定义：switchStatus = true;方法： switchViewBtn(){let that=this;this.$emit("parentView",that.switchStatus);}, 父组件：模板： <div @parentView="changeView" :msg="msg"></div> 方...
不多说，直接代码，以便以后重复利用： <script type="text/ecmascript-6"> import BScroll from better-scroll; const ERR_OK = 0; export default {props: {sell: {type: Object}},data() {return {goods: [],listHeight: [],scrollY: 0};},computed: {currentIndex() {for (let i = 0; i < this.listHeight.length; i++) {let height1 = this.listHeight[i];let height2 = this.listHeight[i + 1];if (!height2 || (this.scroll...
先看看效果图：例如:在做系统时，主页面有两个功能【home】and【news】,在【home】下又分为登录和注册。 首先需要将各种模板进行抽离。定义模板 <template id="home"> //home模板，里面含子视口<div><router-link to="/home/login">登录</router-link><router-link to="/home/zhuce">注册</router-link><router-view></router-view></div> </template> <template id="news"> //消息模板<div>news</div> </template> <template id="...
vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。 首先就是引入axios,如果你使用es6，只需要安装axios模块之后 import axios from axios; //安装方法 npm install axios //或 bower install axios当然也可以用script引入 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios提供了一下几种请求方式 axios.request(config)axios.get(url[,...
无上下选择 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>jsonp</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><script src="../js/Vue.js"></script><script src="../js/vue-resource.js"></scrip...
解析： 判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。 从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。（兼容不同的浏览器）。 代码： 1.vue的实现 html:<div class="questionList-content-l...
在通信的时候容易出错，或者信息根本传不过来。那么这里就示例一下，怎么通过组件之间的通信完成点击事件。 index.vue文件中： <div><el-button type="primary" @click="onShow">点我</el-button> </div>传递中介 <addForm :show="formShow" @onHide="formShow = false"></addForm>引入组件，即是要弹出的组件import addForm from ./docsForm export default { components: { addForm }, data() { return { show: false, formShow:...
目前前端框架太多，接触过angular、ember，现在开始倒腾vue 此处用到v-if、v-else、v-show，v-if或让元素不在DOM上，v-show只是改变display:block属性，感觉v-if好 感觉跟适合、<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>v-if、v-else、v-show</title><script src="../js/vue.js"></script><!--copy from http://vuejs.org.cn/guide/--> </head> <body><div id="app"><p v-if="willShow">显示显示显示...
目录 一、运行环境 1.1 安装vue router及axios 1.2 安装及引入element 二、elemnet实现增删除改查代码 三、运行效果后端写了，现在写前端使用vue+vue router+element实现代码。 在《hualinux 进阶 vue 5.1：用Element实现增删改查（一）需求及分析》已经做了分析了，在这里我就不再讲了，直接上代码。一、运行环境 1.1 安装vue router及axios 前端element实现代码，这个是基于《hualinux 进阶 vue 3.1：vue cli手工创建Vue router...