Vue
杨葱儿
这个作者很懒,什么都没留下…
展开
-
vue获取标签上的属性值
方法一:<div id="app"> <button @click="getData($event,'100')">点我</button></div>methods : { getData(e,num) { console.log(num); // 输出 100 }}方法二:<...原创 2019-04-26 10:13:52 · 23352 阅读 · 1 评论 -
vue 页面跳转
1.使用<router-link>创建 a 标签 <router-link to="/city"> <div>跳转</div> </router-link>2.借助 router 的实例方法 (js)-----编程式导航 methods: { handlecityclick: functio...原创 2019-07-11 14:50:46 · 131 阅读 · 0 评论 -
vue移动端touch事件
开始事件:@touchstart移动事件: @touchmove结束事件: @touchend// 获取事件对象 @touchend="touchend($event)"原创 2019-07-10 15:08:37 · 2010 阅读 · 0 评论 -
vue的数组循环和对象循环
数组循环:<!-- item值 index下标 --><div id="app"> <ol> <li v-for="(item,index) of arr"> {{item}} {{index}} {{item.name}} <!-- item是arr下的对象,取对象下对应值 ...原创 2019-06-27 16:16:12 · 12668 阅读 · 1 评论 -
vue使用betterscroll解决滚动
本来的不加定位,不设置超出隐藏的时候,显示的是右侧滚动条,但是手机端的话,最好还是不用滚动条,所以用这个第三方来处理1.执行命令安装:npm install better-scroll --save2.重启:npm run start3.Dom格式 要符合:(就是最外层有包裹,再包裹,然后一样的列,可以是其他标签)<div class="wrapper"> ...原创 2019-06-27 14:59:35 · 2098 阅读 · 0 评论 -
vue父子组件间的数传递(当页)
1.在父组件中定义数据名2.父组件中设置数据3.父组件传给子组件(给子组件用属性的方式传递)4.子组件接收props5.子组件渲染数据5.1渲染列表...原创 2019-06-26 18:02:34 · 103 阅读 · 0 评论 -
vue中的axios发送ajax请求
1.安装axios:执行命令npm install axios --save2.重启:npm run dev3.使用axiosimport axios from 'axios' //1.引入axiosexport default { name: 'Home', components: { HomeHeader }, methods: { ge...原创 2019-06-26 16:14:04 · 477 阅读 · 0 评论 -
vue中的组件间样式相互影响问题
希望使用stylus的css开发辅助工具 ,帮助我们开发网站样式 ,类似less和sass 方便我们快速编写css代码可以解决组件件样式的相互影响文件中执行命令:npm install stylus --savenpm install stylus-loader --savenpm run start 然后再组件的.vue文件中:给style标签添加lang="sty...原创 2019-06-26 14:48:35 · 8855 阅读 · 1 评论 -
vue循环与判断(点击高亮)
<!-- 循环渲染,然后判断--><div v-for = "(item,index) in datas" :class = "active == index ? 'addclass' : '' " @click='tapcar(index)'> {{item}}</div>.addclass{ border: 1px soli...原创 2019-04-25 17:07:11 · 1399 阅读 · 0 评论 -
vue methods 方法间的相互调用
var vm = new Vue({ el: '#app', data: { ... }, methods: { test1:function(){ ... }, test2:function(){ this.$options.methods.test1(); //this.$op...原创 2019-04-25 14:31:20 · 1583 阅读 · 0 评论 -
vue将变量设置给标签上的自定义属性
<!--设置data中的num给属性data-num赋值--><div id="app"> <button :data-num="num" ref="dataNum" @click="getsum($event)">点我</button></div>var vone = new Vue({ el: '#app...原创 2019-04-26 10:18:56 · 11530 阅读 · 2 评论 -
vue 中的vuex数据框架使用
vue 只能承担视图层的主要类容vuex 数据框架 大量数据1.安装npm install vuex --save1.1在main.js中引入:import store from './store/store'1.2注册使用storenew Vue({ el: '#app', router, store, components: { App }...原创 2019-07-11 15:11:47 · 253 阅读 · 0 评论