'admin-21.06.01:修复菜单搜索中文不可以搜索的问题,感谢群友@逍遥天意'

This commit is contained in:
lyt-Top 2021-06-01 20:26:35 +08:00
parent 2c1ffb7369
commit 49c6356e35
4 changed files with 26 additions and 16 deletions

View File

@ -2,6 +2,13 @@
🎉🎉🔥 `vue-next-admin` 基于 vue3.x 、Typescript、vite、Element plus 等适配手机、平板、pc 的后台开源免费模板库vue2.x 请切换 vue-prev-admin 分支) 🎉🎉🔥 `vue-next-admin` 基于 vue3.x 、Typescript、vite、Element plus 等适配手机、平板、pc 的后台开源免费模板库vue2.x 请切换 vue-prev-admin 分支)
## 1.0.2
`2021.06.01`
- 🌟 更新 依赖更新最新版本
- 🐞 修复 菜单搜索中文不可以搜索的问题,感谢群友@逍遥天意
## 1.0.1 ## 1.0.1
`2021.05.31` `2021.05.31`

View File

@ -20,26 +20,26 @@
<p>&nbsp;</p> <p>&nbsp;</p>
</div> </div>
#### 介绍 #### 🌈 介绍
基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。 基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。
#### 线上预览 #### ⛱️ 线上预览
- vue3.x 版本预览vue-next-admin<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-next-admin-preview/#/login</a> - vue3.x 版本预览vue-next-admin<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-next-admin-preview/#/login</a>
- vue2.x 版本预览vue-prev-admin<a href="https://lyt-top.gitee.io/vue-prev-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-prev-admin-preview/#/login</a> - vue2.x 版本预览vue-prev-admin<a href="https://lyt-top.gitee.io/vue-prev-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-prev-admin-preview/#/login</a>
#### 代码仓库 #### 💒 代码仓库
- vue3.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin</a> - vue3.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin</a>
- vue2.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin</a> - vue2.x 版本 <a href="https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin" target="_blank">https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin</a>
#### 安装 cnpm、yarn #### 🚧 安装 cnpm、yarn
- 复制代码(桌面 cmd 运行) `npm install -g cnpm --registry=https://registry.npm.taobao.org` - 复制代码(桌面 cmd 运行) `npm install -g cnpm --registry=https://registry.npm.taobao.org`
- 复制代码(桌面 cmd 运行) `npm install -g yarn` - 复制代码(桌面 cmd 运行) `npm install -g yarn`
#### 使用说明 #### 使用说明
建议使用 cnpm因为 yarn 有时会报错。 建议使用 cnpm因为 yarn 有时会报错。
@ -60,7 +60,7 @@ cnpm run dev
cnpm run build cnpm run build
``` ```
#### git 命令 #### 🍉 git 命令
- 在本地新建一个分支:`git branch newBranch` - 在本地新建一个分支:`git branch newBranch`
- 切换到你的新分支:`git checkout newBranch` - 切换到你的新分支:`git checkout newBranch`
@ -69,7 +69,7 @@ cnpm run build
- 在 github 远程端删除一个分支:`git push origin :newBranch (分支名前的冒号代表删除)` - 在 github 远程端删除一个分支:`git push origin :newBranch (分支名前的冒号代表删除)`
- 注意删除远程分支后,如果有对应的本地分支,本地分支并不会同步删除! - 注意删除远程分支后,如果有对应的本地分支,本地分支并不会同步删除!
#### 学习交流加 QQ 群 #### 💯 学习交流加 QQ 群
- 查看开发文档、<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">vue-next-admin</a> 开发文档正在编写中... - 查看开发文档、<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">vue-next-admin</a> 开发文档正在编写中...
- 群号码:<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=RdUY97Vx0T0vZ_1OOu-X1yFNkWgDwbjC&jump_from=webapi">665452019</a> - 群号码:<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=RdUY97Vx0T0vZ_1OOu-X1yFNkWgDwbjC&jump_from=webapi">665452019</a>
@ -77,7 +77,7 @@ cnpm run build
<a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=RdUY97Vx0T0vZ_1OOu-X1yFNkWgDwbjC&jump_from=webapi"> <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=RdUY97Vx0T0vZ_1OOu-X1yFNkWgDwbjC&jump_from=webapi">
<img src="https://gitee.com/lyt-top/vue-next-admin-images/raw/master/user/qqs.png" width="220" alt="vue-next-admin 讨论群" title="vue-next-admin 讨论群"/></a> <img src="https://gitee.com/lyt-top/vue-next-admin-images/raw/master/user/qqs.png" width="220" alt="vue-next-admin 讨论群" title="vue-next-admin 讨论群"/></a>
#### 鸣谢列表 #### ❤️ 鸣谢列表
- <a href="https://github.com/vuejs/vue" target="_blank">vue</a> - <a href="https://github.com/vuejs/vue" target="_blank">vue</a>
- <a href="https://github.com/vuejs/vue-next" target="_blank">vue-next</a> - <a href="https://github.com/vuejs/vue-next" target="_blank">vue-next</a>
@ -105,7 +105,7 @@ cnpm run build
- <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank">vue-grid-layout</a> - <a href="https://github.com/jbaysolutions/vue-grid-layout" target="_blank">vue-grid-layout</a>
- <a href="https://github.com/antoniandre/splitpanes" target="_blank">splitpanes</a> - <a href="https://github.com/antoniandre/splitpanes" target="_blank">splitpanes</a>
#### 特别感谢 #### 💕 特别感谢
特别感谢群里老哥的建议、指导与帮忙,谢谢! 特别感谢群里老哥的建议、指导与帮忙,谢谢!
@ -113,7 +113,7 @@ cnpm run build
- <a href="https://gitee.com/jskz/Jskz-SpringCloud" target="_blank">@唐参 - <a href="https://gitee.com/jskz/Jskz-SpringCloud" target="_blank">@唐参
- <a href="https://gitee.com/chuange" target="_blank">@川歌</a> - <a href="https://gitee.com/chuange" target="_blank">@川歌</a>
#### 支持作者 #### 💌 支持作者
如果觉得框架不错,或者已经在使用了,希望你可以去 <a target="_blank" href="https://github.com/lyt-Top/vue-next-admin">Github</a> 或者 如果觉得框架不错,或者已经在使用了,希望你可以去 <a target="_blank" href="https://github.com/lyt-Top/vue-next-admin">Github</a> 或者
<a target="_blank" href="https://gitee.com/lyt-top/vue-next-admin">Gitee</a> 帮我点个 ⭐ Star这将是对我极大的鼓励与支持。 <a target="_blank" href="https://gitee.com/lyt-top/vue-next-admin">Gitee</a> 帮我点个 ⭐ Star这将是对我极大的鼓励与支持。

View File

@ -1,6 +1,6 @@
{ {
"name": "vue-next-admin", "name": "vue-next-admin",
"version": "1.0.1", "version": "1.0.2",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
"build": "vite build", "build": "vite build",
@ -36,9 +36,9 @@
"@types/node": "^15.6.1", "@types/node": "^15.6.1",
"@types/nprogress": "^0.2.0", "@types/nprogress": "^0.2.0",
"@types/sortablejs": "^1.10.6", "@types/sortablejs": "^1.10.6",
"@typescript-eslint/eslint-plugin": "^4.25.0", "@typescript-eslint/eslint-plugin": "^4.26.0",
"@typescript-eslint/parser": "^4.25.0", "@typescript-eslint/parser": "^4.26.0",
"@vitejs/plugin-vue": "^1.2.2", "@vitejs/plugin-vue": "^1.2.3",
"@vue/compiler-sfc": "^3.0.11", "@vue/compiler-sfc": "^3.0.11",
"dotenv": "^10.0.0", "dotenv": "^10.0.0",
"eslint": "^7.27.0", "eslint": "^7.27.0",
@ -47,7 +47,7 @@
"sass": "^1.34.0", "sass": "^1.34.0",
"sass-loader": "^11.1.1", "sass-loader": "^11.1.1",
"typescript": "^4.3.2", "typescript": "^4.3.2",
"vite": "^2.3.4", "vite": "^2.3.5",
"vue-eslint-parser": "^7.6.0" "vue-eslint-parser": "^7.6.0"
}, },
"browserslist": [ "browserslist": [

View File

@ -21,11 +21,13 @@
<script lang="ts"> <script lang="ts">
import { reactive, toRefs, defineComponent, ref, nextTick } from 'vue'; import { reactive, toRefs, defineComponent, ref, nextTick } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
import { useStore } from '/@/store/index.ts'; import { useStore } from '/@/store/index.ts';
export default defineComponent({ export default defineComponent({
name: 'layoutBreadcrumbSearch', name: 'layoutBreadcrumbSearch',
setup() { setup() {
const layoutMenuAutocompleteRef = ref(); const layoutMenuAutocompleteRef = ref();
const { t } = useI18n();
const store = useStore(); const store = useStore();
const router = useRouter(); const router = useRouter();
const state: any = reactive({ const state: any = reactive({
@ -56,7 +58,8 @@ export default defineComponent({
return (restaurant: any) => { return (restaurant: any) => {
return ( return (
restaurant.path.toLowerCase().indexOf(queryString.toLowerCase()) > -1 || restaurant.path.toLowerCase().indexOf(queryString.toLowerCase()) > -1 ||
restaurant.meta.title.toLowerCase().indexOf(queryString.toLowerCase()) > -1 restaurant.meta.title.toLowerCase().indexOf(queryString.toLowerCase()) > -1 ||
t(restaurant.meta.title).indexOf(queryString.toLowerCase()) > -1
); );
}; };
}; };