1、components新建CommentField.vue<template><div class="comment-field-wrap"><div class="comment-field__input"><van-field:value="value"placeholder="请输入留言内容"rows="1" // 显示为一行的高度type="te

VUE—父子路由传值（控制显示隐藏）方法一：子路由<input @click="changed" readonly type="text">methods: {changed () {this.$emit('changedFn', true) // 参数一：事件名 参数二：传递的值}}父路由<Inp...

VUE—在input框输入手机号，如果input框内没有内容则发送验证码按钮是灰色，若填写手机号让发送按钮按键立刻变色第一步：在input框里写一个v-model<input type="text" placeholder="请输入手机号" v-model="msg">第二步：在data中定义msg为空，之后在button里需要用到data () {return...

VUE—点击换一批就更换一批内容<template><div id="home_ui"><div class="content" ref="wrapper"><div><button @click="change">换一批</button><ul cla...

VUE—引入背景图片background: url("../../assets/img/my_right.jpg") no-repeat right center;我的文件夹位置…/从当前文件出去到了my再…/是从my出去到了src所以…/…/assets是src下的assets文件夹...

JS—随机生出六位数验证码randomNum = Math.random().toFixed(6).slice(-6)若在vue中使用可直接写在data里data () {return {randomNum: Math.random().toFixed(6).slice(-6) // 随机生成六位数验证码}},...

VUE—v-for循环时获取下标并对dom节点进行操作案例：v-for循环创建了很多按钮，点击每个按钮都会改变样式，利用ref每个button都绑定一个点击事件并传一个下标值，（从0开始），通过ref和$refs对dom节点进行操作，改变字体颜色...

if (!headerDom.getAttribute('class').includes('not-top')) {headerDom.className = 'header-container not-top'}

Vant—安装和引入第一步： 输入命令cnpm i vant -S // windows版本sudo cnpm i vant -S //mac版本第二步：在main.js里输入这样全部都引入了，不需要使用一个组件添加一个了import Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant)...

VUE—跳转到该父路由下的指定子路由第一步：在index.js里配置路由，父路由不写name，指定子路由写父路由的name，其余子路由路由前不加‘/’{path: '/Layout',component: Layout,children: [{path: 'Project',name: 'Layout',com...