简单操作，与官网相同<template>    <div>        <h2>vue form表单</h2>        <!-- 复选框 -->        <input type="checkbox" id=&qu

禁止body或者可滑动元素的 touchmove 事件例: vuethis.$nextTick(() => {// 通过refs拿到dom元素, 给dom元素绑定touchmove事件, 其内容做操作this.$refs.dom.addEventListener('touchmove', function (e) {if (!e.isSCROLL) {e.pr...

template <img  :onerror="errorUserPhoto" :src="'Ecp.Picture.view.img?pictureId=' + head_pic" />script import userPhoto from '@/assets/images/userPhoto.jpg'data() {   

watch 作用 ：监听值，可监听所有的值，监听指的是只要我所监听的的值发生了改变，就会触发特定的方法，官方案例及写法：var vm = new Vue({el: '#demo',data: {firstName: 'Foo',lastName: 'Bar',fullName: 'Foo Bar'},watch: {//监听了firstNa

不解释，直接贴代码                     大按钮                                                小按钮                                跳转到本页

this.$refs['通过设置ref获取到的dom元素'].getBoundingClientRect();//示例: 获取元素距离顶部的距离this.$refs.journalUpward.getBoundingClientRect().top// 获取组件高度this.$refs.top.$el.offsetHeight// 设置元素样式th...

watch:{} 对象，可监听数据，数据发生变化， 处理函数 目的： watch虽可监听，但只是浅监听，只监听数据第一层或者第二层，何为第二层？ let obj = {name: 'xx', child: {age: 11}};  child之后的值就为第二层或者深层实现目标: 如果 要监听一个对象中的属性，属性最高也是第二层了，watch可能监听不到，  所有要使用深...

vue 动态添加class类名，灵活得让你发狂，下面示例几个<template>    <div>        <h2>动态添加类名</h2>        <!-- 第一种方式:对象的形式 -->        <!-- 第一个参数 类名，