
vue
0Cº
我觉得你从变成更加优秀的你的那个过程,是可以无限想象的
展开
-
#vue# 调用子组件中的方法
所以我们约束了 close 的时候,只在 click-item 的时候提供这个行为,确保这个行为的调用是安全的。其实两种方法都可以实现我们现有的需求:在父组件中调用子组件中的close方法,满足我们需求中的其中一个目的。就好像一台机器给你说明书了,你不按照说明书,进行edge case 的操作,出啥问题了,道理是这样子的。是私有方法,只有这样调用才是安全的。组件要将自己的行为控制好,封装好,外面的人用的,只能按照组件定义的行为去用。但是两种方法有什么区别呢?需要调用子组件中的close方法。原创 2023-02-01 16:46:29 · 246 阅读 · 0 评论 -
多人协作|项目复盘
在拿到相关的需求及ui设计的时候,由于的时间的问题,我对整个项目需求并没有整体的了解。这在今后的工作中需要重点注意,开发之初如果对需求没有整体的了解,那在开发过程中并不能把控新增内容或是编辑内容影响内容,在自测过程中便会把控不住影响范围。项目主要是招聘职位的实体职位和虚拟职位。何为虚拟职位,即招聘公司内部设置的岗位,该职位仅对内进行操作(创建、编辑、发布、分配实体职位、创建候选人),对于候选人(即找工作的候选人)不可见。何为实体职位:即候选人可投递的职位(可创建、编辑、发布,创建候选人、可办理入职等)。原创 2023-02-01 16:33:42 · 206 阅读 · 0 评论 -
vuex 模块化之后如何调用其他模块的方法、属性、以及传值
vuex如何跨模块获取数据、调用方法原创 2022-11-15 17:18:50 · 2968 阅读 · 0 评论 -
前端实现模糊查询不区分大小写
js使用es6实现模糊搜索(不区分大小写)原创 2022-10-12 16:27:23 · 2667 阅读 · 0 评论 -
js数据检测及为什么优先选用obejct.prototype.toString.call()
typeof 识别的是数据类型,但是无法识别null和array . 引用类型是用instanceof, 而数组则是使用arrary.isarray。但是object.protype.tostring.call可以识别到null 和array。前三种已经满足了基本需要,但是这里使用object.protype.tostring.call的原因,不仅是object.protype.tostring.call的检测方法更为安全,,还因为Object.prototype.toString.call(var),原创 2022-04-07 22:36:34 · 153 阅读 · 1 评论 -
输入框emoji 校验的正则
输入框校验表情 <el-input v-model="name" @input="inputTitle" disabled placeholder="请输入审批名称" ></el-input>1、```javascriptconst EMOJI = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g; 2、 const EMOJI = // esli原创 2022-04-07 21:42:15 · 1290 阅读 · 0 评论 -
我来谈谈关于mac使用git的方法
1、查看用户名及邮箱git config user.namegit config user.email2、查看有哪些文件改变了g st(其实是git status)g diff (git diffference)查看改变的地方g ci (等于git commit -m "xxx"提交commit)xpush 等于git push原创 2021-08-05 00:38:03 · 164 阅读 · 0 评论 -
vue中的@keyup事件
什么是@keyup@keyup(键盘事件)是按键松开,当指定的按键松开会触发的事件事件代码 事件描述@keyup.enter 回车按键松开@keyup.left 左键按键松开@keyup.right 右键按键松开@keyup.up 上键按键松开@keyup.down 下键按键松开@keyup.delete 删除键松开@keyup 事件使用场景:平台登录页面可以使用该事件,当输入账号和密码后,无需点击登录按钮,直接在输入密码以后回车完成登录,以增加用户体验@keyup.enter(回车键原创 2021-08-05 00:34:21 · 1025 阅读 · 0 评论 -
element中input的change事件
element中input的change事件是移除焦点才触发:<el-inputplaceholder=“同事姓名或账号”suffix-icon=“el-icon-search”v-model=“keyword”@change=“handlerPageNo”style=“width: 180px;”>想要变成输入就出发:解决:使用@input但是如果想要输入完成以后使用回车开始搜索的话,就使用@keyup.native.enter...原创 2021-08-05 00:33:10 · 3980 阅读 · 0 评论 -
vue添加删除按钮及实现删除时弹框提示
添加删除按钮<el-button type=“text” @click=“handleDeleteRow(scope.row)”>删除1openDelConfirm(name) {return this.$confirm(此操作将删除 ${name}, 是否继续?, ‘提示’, {confirmButtonText: ‘确定’,cancelButtonText: ‘取消’,type: ‘warning’})},handleDeleteRow(row) {this.openD原创 2021-08-05 00:32:28 · 2495 阅读 · 0 评论 -
去掉ele中input的点边框变色的样式
这里将border的颜色设置为原来的的border色,将其覆盖原创 2021-08-05 00:31:34 · 445 阅读 · 0 评论 -
vue全局api之extend
全局api之extendvue.extend(函数) 注意:括号中必须是函数这在我们实际的开发中使用的比较少,这是因为和我们常用的vue.component相比extend更加繁琐。官网解释extend是vue的构造器,床架一个子类。参数是一个包含组件选项的对象data 选项是特例,需要注意 - 在 Vue.extend() 中它必须是函数// 创建构造器var Profile = Vue.extend({ template: '{{firstName}} {{lastName}}原创 2021-04-10 17:07:44 · 290 阅读 · 0 评论 -
vue的生命周期
vue的生命周期是vue中的一个重点难点。同时也是面试的一个必考点vue有10个生命周期。分别是beforecreate、created、beforemount、mounted、beforeupdate、update、activated、deactivated、beforedestroy、destroy。其中,除了mounted生命周期函数,其余的生命周期函数在服务端渲染期间都不能被调用。beforedcreated:是在实例初始化以后,数据观测以后和event/wtach的事件配置之前被调用。(注意原创 2021-03-12 11:57:31 · 598 阅读 · 0 评论 -
computer和watch的区别
computer是计算属性,且属性值具有缓存性。同时,computer还依赖于其他属性的计算值,当计算值发生变化时返回内容。当需要依赖于其他属性的计算值的变化来动态获取值的时候使用computerwatch只要监听到值发生变化就会执行回调,同时在回调过程中执行一些逻辑操作。当我们需要执行复杂的逻辑操作时,使用watch...原创 2021-03-12 11:03:42 · 536 阅读 · 0 评论 -
ajax请求在vue中在哪个生命周期中?
ajax请求在vue中在哪个生命周期中?ajax请求可以在created以及mounted中。但是,当请求在created中时,此时视图中的dom没有被渲染出来,拿不到真实的dom;而在mounted中,此时dom已经渲染出来了,所以可以直接操作dom。注意:在服务端渲染不支持mounted,所以在服务端渲染的情况下统一使用created...原创 2021-03-11 14:53:38 · 1096 阅读 · 1 评论