弹出层多方向动画弹出通用动画样式

组件.vue文件中template

<transition name="fade">
	<div id="city" v-show="popup.cityFlag">
		<van-area
		:area-list="areaList"
		title="选择城市"
		@cancel="cancel"
		@confirm="confirm"
		/>
		</div>
</transition>

样式style中

.fade-enter-active, .fade-leave-active{
		transition: all .2s linear;
		transform: translate3D(0,0,0);
}
.fade-enter,.fade-leave-to{
	// 只需改变括号中三个参数其中一个为100%，即可控制动画的方向
	transform: translate3D(0,100%,0);
}

vue 禁止input输入

   // 行内方法中this指向事件源 ，methods中方法内this指向vue实例，定时器中指向window
   // 改变this指向 ，bind（this） let that=this   箭头函数
   eadonly=“readonly”    或者    "this.blur();"