Vue
咸蛋超人l
你好呀!如果我有时间,我会在这里写一些有意义的东西
展开
-
【Vue】VueSlickCarousel实现轮播展览效果
【代码】【Vue】VueSlickCarousel实现轮播展览效果。原创 2023-12-29 09:01:02 · 2708 阅读 · 0 评论 -
【css】圆形加载动效
【代码】【css】圆形加载动效。原创 2023-03-22 14:39:07 · 333 阅读 · 0 评论 -
移动端唤起相机进行二维码扫描实现详解
移动端扫码实现原创 2023-03-10 10:25:52 · 1078 阅读 · 0 评论 -
vue判断文字是否溢出,溢出显示el-tooltip
clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。原创 2022-10-24 09:06:12 · 663 阅读 · 0 评论 -
Vue项目中加水印
【代码】Vue项目中加水印。原创 2022-09-06 22:15:20 · 839 阅读 · 1 评论 -
Vue自定义指令
一个指令定义对象可以提供如下几个钩子函数 (均为可选): bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。 例子:通过自定义指令的形式解决异原创 2021-03-23 19:44:13 · 97 阅读 · 0 评论 -
Vue 渲染模板时保留模板中的 HTML 注释方法
在组件中将 comments 选项设置为 true <template comments> ... <template>原创 2021-03-22 15:07:36 · 272 阅读 · 0 评论 -
Vue项目中应用“策略模式”
普通方法实现 var calculateBonus = function( performanceLevel, salary ){ if ( performanceLevel === 'S' ){ return salary * 4; } if ( performanceLevel === 'A' ){ return salary * 3; } if ( perform原创 2021-03-22 13:52:49 · 481 阅读 · 0 评论 -
Vue路由:导航守卫
// 1. router.beforeEach() - 在url路径改变, 但是路由页面出现之前, 先被这个方法里的函数体执行一遍// 如果遇到next() 就正常跳转到你本该去的路由路径, 如果next("路径")-就不跳转到原来的路径了而是去这顶的这个路径查看let isLogin = false; // 未登录模拟router.beforeEach((to, from, next) => { // to: 要去到的路由对象的信息 // from: 从哪个路由跳走的信息.原创 2021-01-25 21:37:10 · 86 阅读 · 0 评论 -
vue组件:子组件向父组件传递消息及参数说明
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- <script src="./vue.js">&l.原创 2021-01-19 22:18:15 · 185 阅读 · 0 评论 -
Vue插槽:具名插槽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- <script src="./vue.js">&l.原创 2021-01-19 22:20:46 · 178 阅读 · 1 评论 -
Vue路由:this.$router和this.$route的区别
this.$router(代表全局的路由对象)this.$router全局路由对象,任何页面都可以通过此方法 调用 push(), go()等方法。一般用于路由跳转。this.$router.push(路由)跳转指定路由方式(传参:query与params):query方式传参路由的属性名是“path” , params方式传参路由的属性名是“name”this.$router.push({ name: 'pageA', params: { // 这个arr在页面跳转.原创 2021-01-24 22:48:54 · 705 阅读 · 3 评论