前端
weixin_45121510
这个作者很懒,什么都没留下…
展开
-
package.json和package-lock.json的区别
关于两者区别,推荐一篇简单又清晰的好文章!package.json:主要用来定义项目中需要依赖的包package-lock.json:在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号。‘^’ :放在版本号之前,表示向后兼容依赖,说白了就是在大版本号不变的情况下,下载最新版的包项目中引入的包版本号之前经常会加^号,每次在执行npm install之后,下载的包都会发生变化,为了系统的稳定性考虑,每次执行完npm install之转载 2021-02-09 15:52:21 · 171 阅读 · 0 评论 -
如何快速上手局部注册一个vue自定义指令
注册局部指令://VUE文件:<template> <div class="home"> 输入框:<input v-focus> </div></template><script>export default { data() { return { } }, directives: { focus: { // 指令的定义 inserted: func原创 2020-10-26 16:32:22 · 739 阅读 · 0 评论 -
理解vue中mixin混入的用法及项目中如何使用mixin
混入混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。那么如何在项目中使用呢?一/在文件中新建一个mixin文件夹(名字随便取),文件夹中再建一个mixin.js(随便取)用来放混入的代码。二/在mixin.js文件中写入需要混入的代码export default { data() { return { name:'大明'原创 2020-10-26 15:17:54 · 328 阅读 · 0 评论 -
js获取对象||数组的长度
1.获取对象的长度let len = Object.keys(obj).length//可通过len是否为零来判断对象是否为空: len === 0则对象为空2.获取数组的长度arr.length补充:ES6新增的Object.keys():Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组;判断对象是否为空:方法一:利用Object.keysdata() { return { objdata:{name:'li',firstn原创 2020-10-26 10:48:00 · 3487 阅读 · 0 评论 -
vue日常相关知识点整理
1.vue中 key 值的作用key的作用主要是为了高效的更新虚拟DOM。在vue中,当使用***相同标签名元素***的过渡切换时,也会使用到key属性,这样是为了让vue区分它们,否则vue只会替换其内部属性而不会触发过渡效果。2.Vue 组件中 data 为什么必须是函数?在 new Vue() 中,data 是可以作为一个对象进行操作的,然而在 component 中,data 只能以函数的形式存在,不能直接将对象赋值给它。 当data选项是一个函数的时候,每个实例可以维护一份被返回对象的独立的原创 2020-10-23 17:36:02 · 106 阅读 · 0 评论 -
理解van-field组件 :value 和 v-model的区别
<van-field readonly name="picker" :is-link="!submitParams.buInfo" :value="submitParams.buInfo" input-align="right" label="所属部分" placeholder="请选择部门信息" @click="showPicker = true" :rules="[{ required: true}]" /> <van-field rea.原创 2020-10-23 10:59:50 · 4834 阅读 · 0 评论 -
实现对象深拷贝JSON.parse(JSON.stringfy(obj))
有时当我们拷贝数据时,如果包含对象且层级太深,会发生拷贝不完整等的问题,这时可以采用**JSON.parse(JSON.stringfy())**方法实现深拷贝;深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反序列化(还原)js对象;序列化的作用是存储(对象本身存储的只是一个地址映射,如果断电,对象将不复存在,因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输(例如 如果请求的Content-Type是 applic原创 2020-10-22 15:40:50 · 322 阅读 · 0 评论 -
js中使用!!的情况
其他变量类型和Boolean类型的相互转化:0、-0、null、""、false、undefined 或者 NaN转化为false,其他为true比较! 和 !!1、!可做逻辑运算和类型判断:可将变量转换成boolean类型,null、undefined和空字符串取反都为true,其余都为false如:!null=true !0=true2、!! 常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算:简单来看:!!null=false !!(0)=false常用于:判断变量.原创 2020-10-22 13:55:54 · 143 阅读 · 0 评论 -
js获取明天的这个时候(以及date()时间和字符串时间的相互转换)
如果type传入tomorrow则获取明天的这个时候,否则则是现在:handleTime(new Date(), 'tomorrow')格式:YYYY-MM-DD hh:mm:ss (年-月-日 时:分:秒)function handleTime(time,type){ var d = new Date(time); if(type === 'tomorrow') { d.setDate(d.getDate()+1) // 默认是明天的这个时候 } let yea原创 2020-10-21 18:07:07 · 435 阅读 · 0 评论 -
使用$router.push传值及取值的两种方式
不会在地址栏显示参数:传值时:使用name搭配params使用;取值时:使用this.$route.params去获取参数 this.$router.push({ name:'vote-application.vote.createDetail', params:{id:this.id,from:"nopermission",isInvited:this.isInvited} }) let p = this.$route.params if(Object.keys(p).len.原创 2020-10-21 16:01:42 · 1481 阅读 · 0 评论 -
使用方法|表达式|computed 动态控制v-if和class样式
<van-sticky> <van-nav-bar title="投决" :class="{indexNarBar:count() !== 0 && count() !== 1,textBar:item.s=true}" /></van-sticky><!-- 三个权限都没有 --><div v-if="count() == 0"> <div v-if="FUNCTION_JOIN">原创 2020-10-21 15:39:37 · 732 阅读 · 0 评论 -
css实现文字在背景图片之上
效果:<div class="imgs"> <!-- 背景图 --> <div class="background"> <img :src="item.voteTime ? imgSrc1:imgSrc2" width="100%" height="100%" alt="" /> </div> <!-- 文字 --> <div class="front"> <div v-if="原创 2020-10-21 14:36:22 · 5301 阅读 · 0 评论 -
实现element表格行 点击某一字段下拉框显示更多信息的效果
效果:实现:data数据模拟: tableData:[ { houseList:[ {house:"新希望乐城-3栋1单元2504",index:1}, {house:"新希望乐城-3栋1单元2503",index:2} ] } ],需求是不用点击切换,然后默认展示第一个,点击展示所有: <el-table :data="tableData" bo原创 2020-09-16 15:37:33 · 1557 阅读 · 0 评论 -
element-ui 表格行数据的处理
想要下图button可点击跳转的状态:(逻辑写在模板中)<el-table :data="signData.records" style="width: 100%" height="100%" > <el-table-column prop="deviceId" label="设备号" width="400" key="bb"></el-table-column> <el-table-column label="打卡用户" key="aa"&g.原创 2020-09-14 15:12:53 · 421 阅读 · 0 评论 -
elementui的el-date-picker组件:format和value-format属性运用
format:显示在输入框中的格式(默认为yyyy-MM-dd HH:mm:ss)value-format:可选,绑定值的格式(不指定则绑定值默认为 Date 对象)eg↓ <el-date-picker v-model="searchParams.dateChar" @change="dateChange" :clearable="false" type="datetimerange"原创 2020-09-03 10:08:41 · 30551 阅读 · 0 评论 -
使用vue的module基座&多模块工程,上传到环境上样式不生效
路由出入口文件page-router样式不生效:解决:在router.js文件中:// import pageRouter from '@/views/page-router' (这样写有问题)export default { path: , name: , //component: pageRouter component: () => import('@/views/page-router'), // 这里直接引入 …… }...原创 2020-07-22 10:36:49 · 130 阅读 · 0 评论 -
element树懒加载如何让其触发两次
<el-tree ref="tree" :data="treeData" :props="propsOption" :load="loadNode" :node-key="nodeKey" lazy :expand-on-click-node="false" :default-expanded-keys="defaultExpandedKeys" ></el-tree>然后: data() { ...原创 2020-07-20 21:49:09 · 1211 阅读 · 0 评论