会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
lyprecords
博客园
首页
新随笔
联系
订阅
管理
2025年3月3日
vue3
摘要: 变量声明 简单描述:复杂数据比如数组对象之类的用reactive基础数据比如字符串和数字布尔值用ref只读的不想修改的数据用readonly (注意不是响应式的)当然你要是闲麻烦,偷懒也可以全部写在一个大的对象内,就像以前的data一样了。 - -! 函数声明 注意点就是ref和reactive的操
阅读全文
posted @ 2025-03-03 11:40 lyprecords
阅读(9)
评论(0)
推荐(0)
2023年3月28日
Vue】Vue中mixins的使用方法及实际项目应用详解
摘要: (1)mixin基础官网解释(Vue2.x): 混入(mixin)提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 如何理解mixins?我们可以将mixins理解成一个数组,数组中
阅读全文
posted @ 2023-03-28 15:17 lyprecords
阅读(319)
评论(0)
推荐(0)
2022年6月29日
Vue实现动态样式的多种方法汇总 - 转载
摘要: 转载地址 https://www.jb51.net/article/215294.htm 1. 三元运算符判断 2. 动态设置class 3. 方法判断 4. 数组绑定 5. computed结合es6对象的计算属性名方法 1. 三元运算符判断 <text :style="{color:state?
阅读全文
posted @ 2022-06-29 10:00 lyprecords
阅读(590)
评论(0)
推荐(0)
2021年5月28日
简单实现节流函数和防抖函数
摘要: 节流函数 js代码(可直接复制到编辑器上看效果): //首先定义一个全局变量var canRun = true;//当浏览器窗口大小发生变化也就是重新计算窗口大小的时候触发 window.onresize = function(){// 取反,canRun为false的情况下 if(!canRun)
阅读全文
posted @ 2021-05-28 15:07 lyprecords
阅读(124)
评论(0)
推荐(0)
Vue数据双向绑定原理
摘要: var obj={a:1,b:3}console.log(obj) 使用Object.defineProperty定义新属性或修改原有的属性; 语法: Object.defineProperty(obj, prop, descriptor) 参数: obj:必需。目标对象; prop:必需。需定义或
阅读全文
posted @ 2021-05-28 13:58 lyprecords
阅读(54)
评论(0)
推荐(0)
css中的flex(弹性)布局
摘要: flex 弹性布局一. flex 解释1、flex 布局 为 flexible BOX 的缩写 ,意思为 弹性布局。2、块级元素和行内块级元素都可以使用flex布局3、Webkit内核的浏览器,需要加上-webkit前缀。 二. flex 容器 属性 1、flex-direction此属性决定主轴的
阅读全文
posted @ 2021-05-28 10:53 lyprecords
阅读(964)
评论(0)
推荐(0)
2021年4月27日
vue 兄弟组件之间事件触发($emit)与event Bus($on)
摘要: 兄弟组件A B A页面无论是点击哪个个按钮,如果改变了列表中的数据,B列表需要实时更新数据。 然后就可以通过emit、on进行通信:如下: B组件中发射 this.$eventBus.$emit('openDemandList') 接着,我们要在A组件中的created()钩子中调用bus监听这个事
阅读全文
posted @ 2021-04-27 15:27 lyprecords
阅读(2272)
评论(0)
推荐(0)
2021年4月22日
时间转化 Thu Apr 29 2021 16:23:29 GMT+0800
摘要: const demand=Thu Apr 29 2021 16:23:29 GMT+0800;//const demand = this.ruleForm.date2const resDate = demand.getFullYear() + '-' + this.transTime((demand
阅读全文
posted @ 2021-04-22 16:26 lyprecords
阅读(1355)
评论(0)
推荐(0)
2021年4月13日
props验证
摘要: Vue.component('example', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型 propB: [String, Number], // 必传且是字符串 propC: { type: String, re
阅读全文
posted @ 2021-04-13 16:21 lyprecords
阅读(86)
评论(0)
推荐(0)
如何让单行文本以及多行文本溢出显示省略号(…)
摘要: 1)单行文本溢出显示省略号 1、overflow:hidden; (顾名思义超出限定的宽度就隐藏内容) 2、white-space: nowrap; (设置文字在一行显示不能换行) 3、text-overflow: ellipsis;(规定当文本溢出时显示省略符号来代表被修剪的文本) 我们具体的代码
阅读全文
posted @ 2021-04-13 15:38 lyprecords
阅读(397)
评论(0)
推荐(0)
下一页
公告