解决Ant Design Vue的Select搜索指定字段的问题 官方的select组件，在设置了show-search后可开启搜索模式。但是我们在跟后端接口进行对接的时候，获取到的数据结构往往跟官方的的数据结构又不一致，而且搜索默认仅能搜索value的值。那么怎么解决这个问题呢？我们可以通过optionFilterProp来设置搜索的值<a-select ref="select" v-model:value="value1" show-search optionFilterProp="label" > <template v-for="(v,index) in options" :key="index"> <SelectOption :label="v.roleName" :value="v.roleId">{{v.roleName}}</SelectOption> </template> </Select>我们只需要把搜索的值内容改为optionFilterProp=label，然后再通过SelectOption选项把我们需要指定搜索的字段加上去即可。如果想同时搜索label和value两个字段的值怎么办呢？我们只需要把label设置成label="v.roleName+v.roleId"这样即可。

git撤销commit提交 在开发的时候使用git库，很多时候会发生错误提交commit或者多提交了一些不想提交的文件。这个时候就需要我们把commit撤销以后进行重新提交我们的代码git reset --hard HEAD^ HEAD^指的是撤销上一次提交的内容。如果还想要撤销上两次提交的内容的话，需要使用HEAD^^即可

vant weapp Dialog提示未找到 van-dialog 节点 如果直接使用提示未找到 van-dialog 节点请确认 selector 及 context 是否正确Dialog.confirm({ title: '提示', message: '订单删除后不可恢复/n是否确认删除？', }).then(() => { // on confirm }).catch(() => { // on cancel }); 增加context即可Dialog.confirm({ title: '提示', context: this, // 增加this可用 message: '订单删除后不可恢复/n是否确认删除？', }).then(() => { // on confirm }).catch(() => { // on cancel });

在小程序中使用iconfont（阿里巴巴矢量图标库） 我们在小程序开发的时候，想使用iconfont是一个相当痛苦的过程。而且在开发阶段，需要频繁更新图标，一旦更新图标，需要做大量重复的工作。mini-program-iconfont-cli使用该项目，可以快速的把我们iconfont上的图标引入小程序当中。现在支持以下小程序微信小程序支付宝小程序百度小程序头条小程序（字节跳动快手小程序QQ小程序

Vue vben admin 2.0的封装部分坑点 新项目使用上了一个免费的Vue vben admin 2.0项目项目是使用vue3+TS开发。但是项目并没有很好的文档说明。而有一些组件又进行了深度的封装，需要修改很麻烦。这里把我遇到的一些组件记录一下