- 博客(12)
- 收藏
- 关注
RSS订阅
原创 如何实现vs code编写的代码在浏览器自动刷新显示
如何实现vs code编写的代码在浏览器自动刷新显示使vs code代码在浏览器自动刷新显示步骤：1、首先在vs code里面安装一个叫做live Server的插件点击扩展图标或者使用快捷键F1→输入live Server并点击安装按钮（因为我已经安装了所以图片没有显示这个按钮，而是一个设置的图标）2、运行live Server插件实现浏览器自动刷新显示渲染后的代码页面在这里需要注意：每次我们写完代码都要保存之后浏览器才会自动刷新修改过的页面。手动保存我们使用快捷键Ctrl+S，不过我觉得手
2021-01-13 15:02:27
20286
2
原创 vue3 element表格datepicker怎么禁用日期
当在表格里面使用起始日期时，我们需要根据截止日期来对开始日期做选择范围限制，根据开始日期对截止日期做选择范围限制，这就需要获取当前开始、截止日期对象才能判断，但是官方提供的disabled-date只是一个属性，没办法传参，故导致无法实现对应时间范围限制。在date-picker上面使用element提供的事件focus进行传参，从而当鼠标聚焦日期组件就能获取到当前起始和结束日期，然后再在disabled-date事件里面去用获取到的时间对日期组件进行选取范围限制。根据以上思路，废话不多说，直接上代码。
2023-04-21 15:43:00
2064
1
原创 iview的modal组件踩坑
解决点击确定按钮后，模态框不关闭问题（主要用于表单验证）踩坑1：在modal组件中使用on-ok和on-cancel事件，当触发on-ok时，无法阻止modal关闭，对于需要校验的表单，得在校验成功且调用接口成功后才关闭对话框踩坑2：在处理踩坑1的时候，通过iview的preventModal()方法对modal进行监听，并通过对输入框的内容进行判断，当验证不通过时执行模态框显示操作，但是发现这个办法会导致取消按钮失效，用户需要一直输入，直到表单验证通过后跳转，模态框才会关闭，这个办法还会造成代码
2021-06-09 15:12:21
1957
原创 From----Work：在vue中使用sesstionStorage保存页面数据
From----Work：在vue中使用sesstionStorage保存页面数据1、先说下sessionStorage、localStorage、cookie的区别1）localStorage：永久保存到本地，除非用户手动删除，也可以通过代码自定义的方法来删除。优缺点：存储量大，达几十M，性能消耗也大2）sesstionStorage：仅在浏览器窗口关闭前保存页面数据，刷新数据不丢失，浏览器窗口关闭后数据销毁优缺点：存储小，40k左右3）cookie：用户加载数据时保存到本地cook
2021-06-08 14:51:18
700
原创 From--Work：实现iview标签页组件点击跳转到对应标签页的方法
From--Work：实现iview标签页组件点击跳转到对应标签页的方法1、给Tabs标签进行数据双向绑定2、将元素的id赋值给tabs,让tabs通过id定位点击的元素，并显示相应的页面3、点击元素成功跳转到对应标签页并打印对应元素id...
2021-06-08 14:22:33
615
原创 实现v-for循环嵌套
实现v-for循环嵌套首先要明白其中的逻辑关系，笔者本次项目中使用的是双层列表嵌套，通过关联这两层进行数据传输。首先通过v-for传入数据，实现外层元素循环，然后再通过内外侧关联，将内层数据传到对应的外层进行循环渲染。1、对外层标签使用v-for进行数据绑定，循环渲染数据给外层标签使用v-for进行数据绑定，然后在对应标签用mastache（双大括号）传值2、给内层数据做同样处理，v-for绑定进行数据循环渲染，双大括号在对应的标签内插值注意：在对第二层数据使用v-for的时候命名要与外层关联
2021-04-22 18:48:02
5370
1
原创 实现子组件向父组件传递点击事件 / 传值
实现子组件向父组件传递点击事件 / 传值子组件向父组件传值使用的是emit方法，详细的组件间传值方法可以参照vue的官方文档~在本项目中，子组件为Right，父组件为Experiment，如下图所示：1、先给子组件绑定一个点击事件，这个点击事件负责监听子组件的状态2、在ts中给这个点击事件构造函数，函数里面定义一个事件名，这个事件名将负责向父组件传递子组件状态3、在父组件引入子组件，成立父子关系（本项目是使用vue2.0+vue-cli3+ts，不同版本和脚本语法在引入组件方面略有不同，读者
2021-04-21 18:22:32
4826
原创 如何在vue项目中设置首页
如何在vue项目中设置首页1、首先创建一个vue为后缀名的文件，最好在新建的文件夹下面创建，如下图所示：说明：一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下，项目中所会引用到的组件放在src文件夹下的components文件夹里面。2、找到router文件夹，在router文件夹下的index.js文件中设置主页面路由注意：页面路径一定不能错，否则浏览器无法渲染，要设置的主页面路径等内容在routes下设置为第一位。...
2021-04-09 18:12:09
23763
1
原创 如何获取vs code中插件Waka Time的API key
如何获取vs code中插件Waka Time的API key小冰今天打开vs code准备码代码的时候发现，每次！真的是每次写一个代码鼠标就自动弹到上面那个输入框（如下图），真的特别烦！关键我没有认真看到底是什么问题，后来完全影响我写代码了我才跑去研究，在网上各种搜索弹出的WakaTime输入框是什么问题，后来才知道原来是我安装了Waka Time这个插件的时候没有填写API key。说到这儿顺便一下Waka Time这个插件，Waka Time是一款会记录我们日常编码时间的插件，而且它会把这个时
2021-01-13 22:55:12
13462
4
原创 vs code的几个非常好用的快捷键
vs code的几个非常好用的快捷键1、自动生成html代码格式（!+Tab键）不得不说，这个自动生成html页面的标准格式对于前端程序猿来说真的非常方便，省去了写页面开头结尾等等格式的重复性工作，大大地提高了代码效率。步骤：1）新建一个文件2）给文件命名的时候记得加上.html后缀名3）在第一行输入冒号（ ！）然后按Tab键2、其它快捷键打开文件：Ctrl+O保存文件：Ctrl+S运行文件：使用组合键（Alt+O、Alt+L)emmm暂时先介绍这么多，等我遇到更多好用的再加
2021-01-13 15:39:22
320
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人