Vue
关注
分享
扫一扫
vue.js相关使用
向前有光
没有什么是不需要努力就能获得的！
展开
-
vue中阻止冒泡事件
vue冒泡事件事件冒泡是指发生在子元素身上的事件，会冒泡至父元素身上。如我们在子元素身上点击后，也会触发父元素的点击事件，若不及时阻止，该事件还会一级一级冒上去。事件冒泡这个行为是默认存在的，故需要我们进行及时的阻止<script> window.onload = function(){ var vm = new Vue({ el:'#app', data:{ }, met原创 2020-05-12 11:00:52 · 17827 阅读 · 0 评论
-
uniapp中搜索输入与频繁点击(防抖节流)
防抖就是（当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时，销毁上一次的定时器） // 防抖操作 const self = this; //频繁点击的时候销毁上一个定时器 clearInterval(self.tiems); //当没有频繁点击后，最后执行的定时器 self.tiems = setTimeout(() => { //里面写执行代码 }, 1000)...原创 2020-12-10 14:05:10 · 2119 阅读 · 0 评论 -
vue父子组件传值，sync语法糖
父子传值props父组件传递<test :content="title"></test>data() { return { title: 'Hello' }}子组件接收props:{ content:{ type:String,//类型 default:'',//默认值 validator: function(val){//预处理props接收过来的数据 return val }, }}props大概有这几种类型props:{转载 2020-10-13 17:05:07 · 812 阅读 · 0 评论 -
Vue Router路由嵌套
路由嵌套分析点击父级路由链接显示模板内容模板内容中又有子级路由链接点击子级路由链接显示子级模板内容默认显示点击 hello链接显示 本身的组件外，还显示了自身下的子组件嵌套路由用法父路由组件模板父路由链接父路由填充位<div id="app"> <router-link to="/index">index</router-link> <router-link to="/hello">hello&原创 2020-05-13 13:20:46 · 176 阅读 · 0 评论 -
Vue中使用form表单提交刷新问题
vue中使用表单form默认提交行为是刷新一下，在这儿我们使用事件修饰符prevent来阻止form表单的默认行为在@click后面跟上prevent 这样就可以阻止form表单默认刷新行为了<input type="submit" value="提交" @click.prevent='had'>案例如下<!DOCTYPE html><html lang="en"><body> <div id="app"> <fo原创 2020-05-13 12:52:21 · 3780 阅读 · 0 评论 -
Vue Router路由及路由重定向
Vue的核心深度集成，可以非常方便的用于SPA应用程序的开发。实现路由功能七大步骤第一步：引入相关的库文件注意：必须先引用Vue，在引用vue-router 顺序不能颠倒<!-- 导入 vue 文件 --><script src="vue.js"></script><script src="vue-route.js"></script>第二步：添加路由链接router-link 是vue中提供的标签，默认会被渲染为a标签to原创 2020-05-12 18:03:43 · 2165 阅读 · 0 评论