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