Vue
SEU_YL
这个作者很懒,什么都没留下…
展开
-
vue事件处理-事件修饰符、按键修饰符
事件修饰符原因我们知道在事件处理中往往我们需要阻止它继续冒泡或者阻止它的默认事件,这里就需要在事件处理函数中调用event.stopPropgation() 或者 event.preventDefault(),那vue为了让事件处理函数只处理数据逻辑而不去处理DOM事件的细节,所以vue为v-on提供了事件修饰符例:<a v-on:click.stop="doThis"></a>事件修饰符(通过事件后加指令后缀来表示的).stop // 阻止事件冒泡.preve原创 2020-08-20 11:18:59 · 305 阅读 · 0 评论 -
Vue之自定义组件的v-model
vue默认的实现v-model的方法vue中默认v-model绑定的名为value的prop,emit方法名师input,所以在子组件定义一个value的prop,然后利用watch监听value调用$emit(‘input’,value)即可。当然在这里我没有去监听value,因为一般prop是只读的,你可以创建一个变量,将value的值赋给它,然后监听这个变量就行了。@Prop({ default: false }) public readonly value: boolean; public原创 2020-07-22 16:16:25 · 470 阅读 · 0 评论 -
常用Iview组件集合以及常用特性
常用Iview组件集合以及常用特性Button可以选择不同类型代表会以不同颜色呈现可以选择边框是否为虚线或者为文本模式的按钮可设置为幽灵按钮可设置loading状态可禁用size只可选small、default、large三种Icon可根据type来选择不同的图标样子size可设置大小,单位pxcolor可设置颜色Typography文字排版分别有<Title> <Txt> <Pragraph>三种组件,分别适用于标题、不同样式的文本、段落,这三原创 2020-07-20 17:35:03 · 1320 阅读 · 0 评论 -
Vue的条件渲染之用key管理可复用的元素
Vue的可复用元素机制Vue为了更高效地渲染元素,采用了复用元素机制,这样做是为了高效以及一些其他的好处。例(官网):<template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"></template><template v-else> <label>E原创 2020-07-20 13:48:41 · 326 阅读 · 0 评论