2023年4月26日
原生js自动触发点击事件
摘要： 主动触发事件：使用dispatchEvent方法 该方法能模拟用户行为，如点击（click）操作等。 标准使用dispatchEvent方法，IE6/7/8则使用fireEvent方法。 1 var btn=document.getElementById("myBtn"); 2 var event 阅读全文
posted @ 2023-04-26 17:27 最初的样子 阅读(1508) 评论(0) 推荐(0) 编辑
css img图片在一个盒子里面自适应
摘要： 1 img { //只需要设置图片自适应最大宽高就行 2 max-width: 160px; 3 max-height: 150px; 4 } 阅读全文
posted @ 2023-04-26 17:00 最初的样子 阅读(75) 评论(0) 推荐(0) 编辑
2022年7月6日
vue表单校验报错："Error: please transfer a valid prop path to form item!"
摘要： 问题：vue表单校验时报错，如下图所示： 原因：动态表单验证时，在el-form-item 里面需要循环prop名字，prop名字一定要使用 el-form 中 :mode 所绑定的 dynamicValidateForm 中的值。 书写注意：应该是 prop="email"，而不是 prop="d 阅读全文
posted @ 2022-07-06 10:51 最初的样子 阅读(17172) 评论(0) 推荐(0) 编辑
2022年5月20日
[Vue warn]: Invalid prop: type check failed for prop "to". Expected String, Object, got Null
摘要： vue异常报错，如下图所示： 报错原因：router-link 中的v.router路径为Null导致的to报错问题 解决办法：router-link处一定要加上v-if="v.router" 阅读全文
posted @ 2022-05-20 10:53 最初的样子 阅读(1266) 评论(0) 推荐(0) 编辑
2022年5月6日
vue-router的路由切换方式
摘要： 路由切换大方面可分为两类：一类是标签，另一类是编程导航。 第一种：router-link标签 router-link 和a标签一样，点击后跳转，to 属性指定跳转路由的地址，具体代码如下： <router-link to="/home">点击跳转home</router-link> 第二种：编程导航 阅读全文
posted @ 2022-05-06 15:57 最初的样子 阅读(955) 评论(0) 推荐(0) 编辑
2022年4月25日
vue-router导航守卫（三）——路由独享守卫
摘要： 路由独享守卫，是指在单个路由配置的时候也可以设置的钩子函数，其位置就是下面示例中的位置，也就是像Foo这样的组件都存在这样的钩子函数。目前他只有一个钩子函数beforeEnter： const router = new VueRouter({ routes: [ { path: '/foo', co 阅读全文
posted @ 2022-04-25 17:20 最初的样子 阅读(244) 评论(0) 推荐(0) 编辑
vue-router导航守卫（二）——全局守卫
摘要： 全局守卫，是指路由实例上直接操作的钩子函数，他的特点是所有路由配置的组件都会触发（直白点就是触发路由就会触发这些钩子函数），如下的写法。钩子函数执行顺序包括beforeEach、beforResolve、afterEach三个。 const router = new VueRouter({ ... 阅读全文
posted @ 2022-04-25 17:02 最初的样子 阅读(235) 评论(0) 推荐(0) 编辑
vue-router导航守卫（一）
摘要： 1、导航守卫是什么？ 官方是这么说的： 正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 好吧，看不懂，那就好好来理解下吧。 其实，导航守卫就是路由跳转过程中的一些钩子函数，再说的直白点路由跳转是一个大的过程，这个大的过程分为跳转前、中、后等细小的过程，在每一个过程 阅读全文
posted @ 2022-04-25 16:12 最初的样子 阅读(90) 评论(0) 推荐(0) 编辑
2022年4月24日
keep-alive详解
摘要： 1、什么是keep-alive？ keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 2、keep-alive的优点？ 在组件切换过程中 把切换出 阅读全文
posted @ 2022-04-24 17:06 最初的样子 阅读(1754) 评论(0) 推荐(1) 编辑
2022年4月22日
Vue.prototype详解
摘要： 如果需要设置全局变量或全局方法，并且不想污染全局作用域，这种情况下，可以通过在原型上定义它们使其在每个 Vue 的实例中可用。在main.js中添加。 1、基本示例 在main.js中添加一个变量到 Vue.prototype，代码如下： Vue.prototype.$appName = 'My A 阅读全文
posted @ 2022-04-22 10:53 最初的样子 阅读(912) 评论(0) 推荐(1) 编辑
下一页