![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
冰月0126
17级通信工程毕业生,一个正在努力学习前端的小菜鸟
展开
-
iview的modal组件踩坑
解决点击确定按钮后,模态框不关闭问题(主要用于表单验证)踩坑1:在modal组件中使用on-ok和on-cancel事件,当触发on-ok时,无法阻止modal关闭,对于需要校验的表单,得在校验成功且调用接口成功后才关闭对话框踩坑2:在处理踩坑1的时候,通过iview的preventModal()方法对modal进行监听,并通过对输入框的内容进行判断,当验证不通过时执行模态框显示操作,但是发现这个办法会导致取消按钮失效,用户需要一直输入,直到表单验证通过后跳转,模态框才会关闭,这个办法还会造成代码原创 2021-06-09 15:12:21 · 1891 阅读 · 0 评论 -
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 · 689 阅读 · 0 评论 -
From--Work:实现iview标签页组件点击跳转到对应标签页的方法
From--Work:实现iview标签页组件点击跳转到对应标签页的方法1、给Tabs标签进行数据双向绑定2、将元素的id赋值给tabs,让tabs通过id定位点击的元素,并显示相应的页面3、点击元素成功跳转到对应标签页并打印对应元素id...原创 2021-06-08 14:22:33 · 597 阅读 · 0 评论 -
实现v-for循环嵌套
实现v-for循环嵌套首先要明白其中的逻辑关系,笔者本次项目中使用的是双层列表嵌套,通过关联这两层进行数据传输。首先通过v-for传入数据,实现外层元素循环,然后再通过内外侧关联,将内层数据传到对应的外层进行循环渲染。1、对外层标签使用v-for进行数据绑定,循环渲染数据给外层标签使用v-for进行数据绑定,然后在对应标签用mastache(双大括号)传值2、给内层数据做同样处理,v-for绑定进行数据循环渲染,双大括号在对应的标签内插值注意:在对第二层数据使用v-for的时候命名要与外层关联原创 2021-04-22 18:48:02 · 5302 阅读 · 1 评论 -
实现子组件向父组件传递点击事件 / 传值
实现子组件向父组件传递点击事件 / 传值子组件向父组件传值使用的是emit方法,详细的组件间传值方法可以参照vue的官方文档~在本项目中,子组件为Right,父组件为Experiment,如下图所示:1、先给子组件绑定一个点击事件,这个点击事件负责监听子组件的状态2、在ts中给这个点击事件构造函数,函数里面定义一个事件名,这个事件名将负责向父组件传递子组件状态3、在父组件引入子组件,成立父子关系(本项目是使用vue2.0+vue-cli3+ts,不同版本和脚本语法在引入组件方面略有不同,读者原创 2021-04-21 18:22:32 · 4764 阅读 · 0 评论 -
如何在vue项目中设置首页
如何在vue项目中设置首页1、首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示:说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组件放在src文件夹下的components文件夹里面。2、找到router文件夹,在router文件夹下的index.js文件中设置主页面路由注意:页面路径一定不能错,否则浏览器无法渲染,要设置的主页面路径等内容在routes下设置为第一位。...原创 2021-04-09 18:12:09 · 23372 阅读 · 1 评论