vue
关注
分享
扫一扫
Jade琛
做技术总是要辛苦些的。
展开
-
五步教你使用vue 中的mock.js 模拟数据
1.首先安装mocknpm install mockjs --save-dev2.在项目里面建一个mock.js的文件3.根据你建的文件的路径，在main.js里面引入 require('./mock.js');我是建到main旁边了。4.百度一下mock语法，把你想模拟的数据写到mock.js里面代码如下import Mock from 'mockjs' // 引入mockjs let data = { 'data|10': [ { ..原创 2020-06-28 11:49:36 · 435 阅读 · 0 评论 -
vue v-for循环不同样式/控制显隐
通过 :style = "函数()" 或者:class="函数" 可以通过函数加传参来控制不同列的样式。<div class="start" v-for="(list,index) in lists" :key="list.id" :style.prevent="aa(list.size)" ref="list"> <div :class="className(list.id)" :style="{fontSize:list.size+'px'}">.原创 2020-06-28 11:37:27 · 979 阅读 · 0 评论 -
vue 最简单的方法实现全选反选
就下面几步，简单实现！ <input type="checkbox" name="quanxuan" id="quanxuan" @click="checkAll">全选//全选设置一个函数<div class="lei" v-for="list in 10" :key="list"> <input type="checkbox" ref="che" name="quanxuan" id="quanxuan"></div>//加上 ref原创 2020-05-09 14:39:18 · 422 阅读 · 0 评论 -
vue 解决v-for 循环列表生成不同背景颜色问题
vue 解决v-for 循环列表生成不同背景颜色问题今天在做项目的时候我就遇到一个问题，效果图是这样的： 这是一个表示楼层数的列表，根据不同建筑有不同的楼层，每一层楼都要有不同的背景颜色。 要是一个一个的写楼层加背景太麻烦了。 而且你根本没法写完，因为有多少了楼多少层你根本没法统计。 在说了，身为一个合格的前端，怎么只能写那些死页面。 下...原创 2020-02-22 16:27:28 · 4424 阅读 · 7 评论 -
一看就会的vue 路由传参 params 与 query两种方式的区别
这么说容易理解：query相当于get请求，页面跳转的时候，可以在地址栏看到？+传的值，而params相当于post请求，参数不会再地址栏中显示。//query传参 这里路径用的是paththis.$router.push({ path:'/xxx' query:{ id:id } }) //query接...原创 2019-12-26 09:35:24 · 216 阅读 · 0 评论 -
vue-amap 实现定位+跑步路程+跑步时间计算功能
<template> <div class="time"> <div class="head"> <div class="top"> <div class="gl">{{miles}}<span>公里</span></div><br> ...原创 2019-10-06 21:05:12 · 1186 阅读 · 0 评论 -
vue 实现对表单的增删改查
先给大家看一下效果，这个效果是网上有很多的，但是只是复制下来光看，最后是会不了的，所以还是建议大家，亲自动手打一下，不明白的地方再百度查。下面是代码部分：<!doctype html><html lang="en"><head> <!-- Required meta tags --> <meta charset...原创 2019-05-10 19:55:18 · 3055 阅读 · 0 评论 -
vue给元素动态添加class
vue给元素动态添加class<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: num }"></p> //自定义,如果num为true，添加letter<p class="answerNum2" v-text="iteme.sel_num" :class="{letter: ite...转载 2019-09-19 09:31:23 · 1481 阅读 · 0 评论 -
一看就会懂得的vuex 使用
首先在你的项目中安装vuex使用：npminstallvuex--save然后在你的src文件夹下新建store文件夹，在里面新建一个index.js文件，然后在里面添加如下：import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store(); e...原创 2019-10-08 13:59:38 · 302 阅读 · 0 评论