學無止境

摘要： 前言随着vue3在2022 年 2 月 7 日被提升为新的默认版本，这也将成为一个新的潮流，我们前端开发者也将在未来的工作中更多的使用vue3来搭建以及开发我们的项目。因此了解vue3和vue2的区别也就成为了一件至关重要的事情了。 概览一、新特性1、组合式API setup 2、ref创建响应式数 阅读全文

摘要： 我们做后台分页后，删除最后一页最后一条数据时出现页码没有返回上一页造成序号问题，序号从最后一页开始计算 解决问题思路：判断被删除的数据是否为最后一页的最后一条数据、如果是则让页码减一，如果不是则在当前面即可 如向计算？？如下所示： 参数如下 proTempList: { pageNo: 1, //页 阅读全文

摘要： 首先来看看遇到的问题 在对话框中修改数据，页面中也会随着对话框中数据的修改而修改 再来看看代码中的赋值 这样只是浅拷贝了row对象的地址给vipDataDialog，也就是说两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的 我们只需要进行深拷 阅读全文

摘要： 环境是Vue2+TS，话不多说上代码。 效果图： 首先是视图部分 <Input @on-change="(value) => handleChange(value, 'occupyNotionalAmount')" :maxlength="21" v-model.number="newForm1.o 阅读全文

摘要： 需求1：定义一个v-big指令，和v-text功能类似，但会把绑定的数值放大10倍。 需求2：定义一个v-fbind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点。 自定义指令总结： 一、定义语法： (1).局部指令： new Vue({ new Vue({ direct 阅读全文

摘要： 今天笔者在学习vue3的时候顺带巩固了下vue的基础，感觉这些还是挺有用的，特此分享给大家。 once，只执行一次 <div v-on:click.once='alert("1")'></div> 2. prevent阻止默认程序，比如form表单中的summit提交按钮，会自己提交， <form 阅读全文

摘要： 实现时间轴 Timellne 中时间戳居左显示 效果图 关键代码 <Timeline class="Timeline"> <Timeline-item> <div class="year"> 2022-04-29 21:30 <div class="state">进行中</div> </div> < 阅读全文

摘要： // 公共方法 let _utils = { /** * 对一段指定的字符串应用 HTML 编码。 * @paramhtml * @returns{*} */ encodeHtml: html => { if (typeof (html) == 'string') { return html.rep 阅读全文

摘要： 实现效果很简单，把两个table合并在一起就可以了，然后第二个table取消头部显示 <template> <div class="merge-box"> <!-- 用一个div把两个表格包裹起来,设置相同的最小宽度并在最外层的div设置overflow-x: auto;x轴滚动条；注意最小宽度是根 阅读全文

摘要： 1、通过display:table-cell实现CSS垂直居中。（推荐） 给父元素display:table，子元素display：table-cell的方式实现CSS垂直居中。 2、通过verticle-align:middle实现CSS垂直居中。 通过vertical-align:middle实 阅读全文