使用Vant开发过程中，因为涉及到一些定制化的UI开发，在使用cell的时候，需要把边框去掉，可以通过设置属性来去掉边框： 在form里，也需要去掉每一个表单form里的边框（横的分割线），如图： 可以看到，每个表单也是一个一个的cell，但是查看文档，是没有地方设置的，通过摸索，可以通过css来实现： .van-cell:after { border-bottom: none; }  

使用Vant做一个Field，点击Field的前面部分，触发catClicked，弹出Picker选择框；另外右侧使用插槽放置了一个按钮，也可以使用触发里面的addCatClicked方法。 代码如下： <van-field :value="cat" @click="catClicked" readonly placeholder="请选择分类" > <template #button> <van-button size="mini" icon="plus" type="info" @…

Vant里面日历，需要设置比如周末是不可选的，默认看文档说明是van-calendar有min-date和max-date两个属性，是分别设置可选的最早日期和最晚日期，不过还是不能满足设置特定的日期不可选这个功能。 经过一番搜索和研究，可以使用:formatter来实现，文档是有提到formatter不过没有具体的示例，来看一下。 <van-calendar :formatter="formatter" :show-confirm="false" v-model="showCalendar" @confirm…

RT Vant的Dialog对话框，有个需求，就是按确定的时候，我们可能是请求后端的API，但是后端可能返回不成功，这个时候，就不应该关闭对话框了。 Dialog有个属性是before-close可以在这里面阻止对话框的关闭。 例如： <van-dialog v-model="showIdCardDialog" :before-close="saveIdCardClicked" title="身份证号" show-cancel-button> <van-field v-model="idCard"…