摘要: 作用: 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep-alive技术了. 介绍: keep-alive 是 阅读全文
posted @ 2020-07-15 17:25 艾薇-Ivy 阅读(9527) 评论(0) 推荐(1) 编辑
摘要: 一、在脚手架中为项目安装路由,项目中会生成router文件夹 二、配置参数params,用:参数名,可传参数后面加上问号(?) 三、页面访问url http://192.168.77.152:8080/#/edit/Contacts/Edit/58 四、获取参数 created(){ // 生命周期 阅读全文
posted @ 2020-07-15 16:51 艾薇-Ivy 阅读(827) 评论(0) 推荐(0) 编辑
摘要: 最近在做vant图片上传,简单记录下,很多东西还待完善 因为我这个是编辑图片后最后和表单数据一起用ajax进行保存的,所以用两个数组来保存新增的图片和删除的图片 newImg:新增图片 delImg:删除图片 一、使用<van-uploader>进行图片上传 <van-field :name="it 阅读全文
posted @ 2020-07-15 16:42 艾薇-Ivy 阅读(3717) 评论(0) 推荐(0) 编辑
摘要: 痛点 在项目经常会遇到这样的设计,下拉选择框,在vant中没有提供直接的select组件,但是可以使用Field、Popup和Picker这三个组件组合来完成。 如果页面中只有一个select这样做做也还可以,但是现在页面中有三个select就有点繁琐了,所以考虑进行组件的封装。 使用期望 <van 阅读全文
posted @ 2020-07-15 11:58 艾薇-Ivy 阅读(3267) 评论(0) 推荐(0) 编辑
摘要: 1、在新项目中使用 Vant 时,推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目 # 安装 Vue Cli npm install -g @vue/cli # 创建一个项目 vue create hello-world # 创建完成后,可以通过命令打开图形化界面,如下图所示 vue u 阅读全文
posted @ 2020-07-15 10:43 艾薇-Ivy 阅读(1576) 评论(0) 推荐(0) 编辑