devbox
笔触狂放9
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

前端实现三级分类搜索_商城点击分类搜索前端的实现

作者：笔触狂放9 | 2024-03-16 05:12:46

赞

踩

商城点击分类搜索前端的实现

 后端返回来的是一个树形图，搜索时匹配第三级的title并返回与他相关的上一级数据

  1. let keyword="其他"
  2.  
  3. let data =[
  4. 	{
  5. 		"id": "1664902947899924482",
  6. 		"parentId": "0",
  7. 		"children": [{
  8. 			"id": "1669527816008568834",
  9. 			"parentId": "1664902947899924482",
  10. 			"hasChildren": false,
  11. 			"title": "手机",
  12. 			"key": "2",
  13. 		}],
  14. 		"hasChildren": true,
  15. 		"title": "手机售后",
  16. 		"key": "1",""
  17. 	}, 
  18. 	{
  19. 		"id": "1673252728467623938",
  20. 		"parentId": "0",
  21. 		"hasChildren": false,
  22. 		"title": "测试",
  23. 		"key": "1",
  24. 	}, 
  25. 	{
  26. 		"id": "1664214513480867841",
  27. 		"parentId": "0",
  28. 		"children": [{
  29. 			"id": "1664216675430670337",
  30. 			"parentId": "1664214513480867841",
  31. 			"children": [{
  32. 				"id": "1665018889980043266",
  33. 				"parentId": "1664216675430670337",
  34. 				"hasChildren": false,
  35. 				"title": "小米",
  36. 				"key": "3",
  37. 			}, {
  38. 				"id": "1665018856224284674",
  39. 				"parentId": "1664216675430670337",
  40. 				"hasChildren": false,
  41. 				"title": "美的",
  42. 				"key": "3",
  43. 			}],
  44. 			"hasChildren": true,
  45. 			"title": "空调",
  46. 			"key": "2",
  47. 		}, {
  48. 			"id": "1664216695471054849",
  49. 			"parentId": "1664214513480867841",
  50. 			"children": [{
  51. 				"id": "1665018966920355842",
  52. 				"parentId": "1664216695471054849",
  53. 				"hasChildren": false,
  54. 				"title": "西门子",
  55. 				"key": "3",
  56. 			}, {
  57. 				"id": "1665018922062274561",
  58. 				"parentId": "1664216695471054849",
  59. 				"hasChildren": false,
  60. 				"title": "美的",
  61. 				"key": "3",
  62. 			}],
  63. 			"hasChildren": true,
  64. 			"title": "冰箱",
  65. 			"key": "2",
  66. 		}, {
  67. 			"id": "1664216721056309250",
  68. 			"parentId": "1664214513480867841",
  69. 			"children": [{
  70. 				"id": "1665019063980744706",
  71. 				"parentId": "1664216721056309250",
  72. 				"hasChildren": false,
  73. 				"title": "海尔",
  74. 				"key": "3",
  75. 			}, {
  76. 				"id": "1665019008213278722",
  77. 				"parentId": "1664216721056309250",
  78. 				"hasChildren": false,
  79. 				"title": "美的",
  80. 				"key": "3",
  81. 			}],
  82. 			"hasChildren": true,
  83. 			"title": "洗衣机",
  84. 			"key": "2",
  85. 		}, {
  86. 			"id": "1664216742065577985",
  87. 			"parentId": "1664214513480867841",
  88. 			"children": [{
  89. 				"id": "1665019154003091457",
  90. 				"parentId": "1664216742065577985",
  91. 				"hasChildren": false,
  92. 				"title": "长虹",
  93. 				"key": "3",
  94. 			}, {
  95. 				"id": "1665019122663251969",
  96. 				"parentId": "1664216742065577985",
  97. 				"hasChildren": false,
  98. 				"title": "TCL",
  99. 				"key": "3",
  100. 			}],
  101. 			"hasChildren": true,
  102. 			"title": "电视",
  103. 			"key": "2",
  104. 		}, {
  105. 			"id": "1664216765738229761",
  106. 			"parentId": "1664214513480867841",
  107. 			"children": [{
  108. 				"id": "1665019300166197250",
  109. 				"parentId": "1664216765738229761",
  110. 				"hasChildren": false,
  111. 				"title": "其他",
  112. 				"key": "3",
  113. 			}, {
  114. 				"id": "1665019261947699201",
  115. 				"parentId": "1664216765738229761",
  116. 				"hasChildren": false,
  117. 				"title": "万家乐",
  118. 				"key": "3",
  119. 			}],
  120. 			"hasChildren": true,
  121. 			"title": "热水器",
  122. 			"key": "2",
  123. 		}],
  124. 		"hasChildren": true,
  125. 		"title": "常用电器",
  126. 		"key": "1",
  127. 	}]
  128.  
  129. <script>
  130. // 使用 map() 方法遍历返回来的数据中的每个对象
  131. 		const filteredData = this.tabList1.map(item => {
  132. 		let arr = []
  133. 		// 如果有子级
  134. 		if (item.hasChildren) {
  135. 							// 遍历每个对象的 children 数组
  136. 							const children = item.children.map(childItem => {
  137. 								// 如果有子级
  138. 								if (childItem.hasChildren) {
  139. 									// 到第三级、筛选出符合搜索条件的
  140. 									const grandchildren = childItem.children.filter(grandchildItem => {
  141. 										return grandchildItem.title.includes(this.keyword);
  142. 									});
  143. 									// 将过滤后的 grandchildren 赋值回 childItem 的 children 属性中
  144. 									if (grandchildren.length > 0) {
  145. 										console.log('grandchildren', grandchildren)
  146. 										childItem.children = grandchildren;
  147. 										return childItem;
  148. 									}
  149. 								}
  150. 							}).filter(childItem => (childItem !== undefined && childItem.length !==
  151. 								0)); // 过滤childItem有undefined和[]的情况
  152. 							if (children.length > 0) {
  153. 								console.log('children', children)
  154. 								// 将过滤后的 children 赋值回 item 的 children 属性中
  155. 								item.children = children;
  156. 								return item;
  157. 							}
  158. 						}
  159. 					}).filter(item => (item !== undefined));
  160. 					console.log('filteredData ', filteredData)
  161. </script>

记分类管理页面相关代码 

  1. <template>
  2. 	<view @click="closeSwiper">
  3. 		<!-- 搜索栏 -->
  4. 		<view class="topfixed ">
  5. 			<view class="flex" style="background:#fff;padding:0 10px;height: 44px;">
  6. 				<!-- <view> -->
  7. 				<zb-tooltip color="white" content="Right Top" placement="bottom-center" ref="tooltip">
  8. 					<view slot="content" style="color: black;z-index: 999;">
  9. 						<view>
  10. 							<view
  11. 								:style="{'font-size': '14px','padding':'0 10px','color':titleType==0?'#2295FF':'#000'}"
  12. 								@click="clickTitle(0)">产品类</view>
  13. 							<view style="width: 100%;height: 1px;background: #eee;margin: 10px 0;"></view>
  14. 							<view
  15. 								:style="{'font-size': '14px','padding':'0 10px','color':titleType!=0?'#2295FF':'#000'}"
  16. 								@click="clickTitle(1)">服务类</view>
  17. 						</view>
  18. 					</view>
  19. 					<view class="tiptext flex">{{titleType==0?'产品类':'服务类'}}
  20. 						<view style="margin: 0 0px 0 10px;">
  21. 							<u-icon name="arrow-down" color='#2295ff' size="15px"></u-icon>
  22. 						</view>
  23. 						<text style="margin: 0 0px 0 10px;">| </text>
  24. 					</view>
  25. 				</zb-tooltip>
  26. 				<view style="width:82%;">
  27. 					<u-tabs :list="tabList" ref="uTabs" lineColor="#fff"
  28. 						:activeStyle="{'color':'#2295ff','font-weight':'bold'}" :current="tabsCurrent"
  29. 						@click="tabTitle">
  30. 						<view slot="right" style="padding-left: 4px;" @tap="clickRight">
  31. 							<u-icon name="arrow-right" size="21"></u-icon>
  32. 						</view>
  33. 					</u-tabs>
  34. 				</view>
  35. 			</view>
  36. 		</view>
  37. 		<view style="height:100rpx"></view>
  38. 		<u-empty v-if="(dataList.length==0||tabList.length==0) && nonePerson" text="暂无数据~" :icon="emptyImg"
  39. 			width="220rpx" height="220rpx" marginTop="20vh" />
  40. 		<view class="u-demo-block__content" v-else>
  41. 			<view style="display:flex">
  42. 				<!-- 左边分类名称 -->
  43. 				<view style="width:35vw">
  44. 					<view class="u-page leftitem">
  45. 						<u-list @scrolltolower="scrolltolower">
  46. 							<u-list-item v-for="(item, index) in dataList" :key="index">
  47. 								<u-cell size="large" :border="false"
  48. 									:customStyle="{'color':index==current?'#2295ff':'#101010','background':index==current?'#fff':'#f8f8f8'}"
  49. 									@click="clickItem(item,index)">
  50. 									<view slot="title"
  51. 										:style="{'color':index==current?'#2295ff':'#101010','font-weight':index==current?'bold':'none','padding':'13px','border-left':index==current?'3px solid #2295ff':'3px solid #fff','text-align':'center'}">
  52. 										{{item.title}}
  53. 									</view>
  54. 								</u-cell>
  55. 							</u-list-item>
  56. 						</u-list>
  57. 					</view>
  58. 				</view>
  59. 				<!-- 中间分割线 -->
  60. 				<!-- 右边设备名称 -->
  61. 				<view style="width:65vw; background: #fff;height:90vh">
  62. 					<view class="flex" style="padding:6px 10px;border-bottom: 1px solid #f0f0f0;">
  63. 						<u-search placeholder="请输入名称" v-model="keyword" :showAction="false" @change="searchChange"
  64. 							@clear="searchClear" :clearabled="true">
  65. 						</u-search>
  66. 						<view style="margin-left: 10px;" @click="addType">
  67. 							<u-icon name="plus-circle-fill" color="#2295ff" size="30px"></u-icon>
  68. 						</view>
  69. 					</view>
  70. 					<view class="demo-layout">
  71. 						<u-empty v-if="indexList.length==0" text="暂无数据~" :icon="emptyImg" width="220rpx" height="220rpx"
  72. 							marginTop="20vh" />
  73. 						<view class="u-page" v-else>
  74. 							<u-swipe-action ref="swipeActions">
  75. 								<u-list @scrolltolower="scrolltolower2">
  76. 									<u-list-item v-for="(item, index) in indexList" :key="index">
  77. 										<u-swipe-action-item :options="options" @click="clickGroup($event,item)">
  78. 											<view class="swipe-action u-border-bottom">
  79. 												<view class="swipe-action__content">
  80. 													<view class="swipe-action__content__text flexbetween">
  81. 														<view class="flex">
  82. 															<view style="margin-right:5px;margin-top: -5px;">
  83. 																<uni-icons type="smallcircle-filled" size="10"
  84. 																	color="#2295FF">
  85. 																</uni-icons>
  86. 															</view>
  87. 															<view class="font14 oneline">
  88. 																{{item.title}}
  89. 																{{item.englishName}}
  90. 															</view>
  91. 														</view>
  92. 													</view>
  93. 												</view>
  94. 											</view>
  95. 										</u-swipe-action-item>
  96. 									</u-list-item>
  97. 								</u-list>
  98. 							</u-swipe-action>
  99. 						</view>
  100. 					</view>
  101. 				</view>
  102. 			</view>
  103. 		</view>
  104. 		
  105. 	</view>
  106. </template>
  107.  
  108. <script>
  109. 	var util = require('@/utils/util.js');
  110. 	var api = require('@/config/api.js');
  111. 	export default {
  112. 		data() {
  113. 			return {
  114. 				emptyImg: '',
  115. 				tabList: [],
  116. 				dataList: [],
  117. 				indexList: [],
  118. 				popupShow: false,
  119. 				options: [{
  120. 					text: '修改',
  121. 					style: {
  122. 						backgroundColor: '#3c9cff',
  123. 						fontSize: '14px'
  124. 					}
  125. 				}, {
  126. 					text: '删除',
  127. 					style: {
  128. 						backgroundColor: '#f56c6c',
  129. 						fontSize: '14px'
  130. 					}
  131. 				}],
  132. 				current: 0,
  133. 				show: false,
  134. 				title: '',
  135. 				content: '',
  136. 				modelType: '', //确认框类型
  137. 				item: {},
  138. 				value: 0,
  139. 				titleType: 0, //0 产品类 1 服务类
  140. 				keyword: '',
  141. 				tabsCurrent: 0,
  142. 				typeId: '',
  143. 				titleTypeId: '',
  144. 				nonePerson: false,
  145. 				pageTotal: 0,
  146. 				pageTotal2: 0,
  147. 				pageCurrent: 1,
  148. 				pageCurrent2: 1,
  149. 				isSecond: true,
  150. 				isSecond2: true,
  151. 				nameValue: '',
  152. 				titleName: '',
  153. 				formatter: value => value.replace(/[^\a-zA-Z]/g, ''),
  154. 				btnLoading: false,
  155. 				tabList1: [], //用来筛选数据
  156. 				emtyDataList: [], //搜索为空时显示所有数据
  157. 			}
  158. 		},
  159. 		onLoad() {
  160. 			// this.loadmore()
  161. 			this.getTabList()
  162. 		},
  163. 		methods: {
  164. 			// 点击切换产品类、服务类
  165. 			clickTitle(str) {
  166. 				if (this.titleType == str) {
  167. 					return
  168. 				}
  169. 				this.tabsCurrent = 0;
  170. 				this.current = 0;
  171. 				this.pageCurrent = 1;
  172. 				this.pageCurrent2 = 1;
  173. 				this.isSecond = true;
  174. 				this.titleType = str;
  175. 				this.dataList = [];
  176. 				this.indexList = []
  177. 				this.getTabList()
  178. 			},
  179.  
  180. 			// 获取头部数据
  181. 			getTabList() {
  182. 				uni.showLoading({
  183. 					mask: true
  184. 				})
  185. 				let params = {
  186. 					keyword: this.keyword,
  187. 					levelType: 3,
  188. 					companyId: 1,
  189. 					partitionType: this.titleType,
  190. 					companyId: 1,
  191. 				}
  192. 				util.request(api.prodTypePageClild, params, 'get').then((res) => {
  193. 					uni.hideLoading()
  194. 					if (res.code === 200 || res.code === '200') {
  195. 						this.tabList = [];
  196. 						this.tabList1 = [];
  197. 						if (res.data.length > 0) {
  198. 							res.data.forEach(el => {
  199. 								var obj = {
  200. 									name: el.title,
  201. 									id: el.id
  202. 								}
  203. 								this.tabList.push(obj)
  204. 								this.tabList1.push(el)
  205. 								this.emtyDataList.push(el)
  206. 							})
  207. 							this.titleTypeId = this.tabList[this.tabsCurrent].id
  208. 							this.getLeftList(this.titleTypeId, this.tabList1)
  209.  
  210. 						} else {
  211. 							this.nonePerson = true
  212. 						}
  213. 					} else {
  214. 						uni.showToast({
  215. 							title: res.msg,
  216. 							icon: 'none'
  217. 						})
  218. 					}
  219. 				}).catch(() => {
  220. 					uni.hideLoading()
  221. 				})
  222. 			},
  223. 			// 点击头部导航
  224. 			tabTitle(e) {
  225. 				if (this.tabsCurrent == e.index) {
  226. 					return
  227. 				}
  228. 				this.tabsCurrent = e.index;
  229. 				this.titleTypeId = e.id
  230. 				uni.showLoading({
  231. 					mask: true
  232. 				})
  233. 				this.current = 0;
  234. 				this.dataList = [];
  235. 				this.indexList = [];
  236. 				// this.pageCurrent = 1
  237. 				// this.pageCurrent2 = 1
  238. 				this.isSecond = true
  239. 				// this.getLeftList(this.titleTypeId)
  240. 				console.log(e)
  241. 				for (let tab of this.tabList1) {
  242. 					if (tab.id === e.id) {
  243. 						if (tab.hasChildren) {
  244. 							const tabData = this.findLeft(tab.id, this.tabList1)
  245. 							console.log('tabData', tabData)
  246. 							// /this.dataList = this.dataList.concat(tabData.children);
  247. 							this.dataList = tabData.children
  248. 							console.log('this.dataList', this.dataList)
  249. 							uni.hideLoading()
  250. 							// 右边数据初始化
  251. 							this.getrightList(this.dataList[0].id, this.dataList)
  252. 						} else {
  253. 							this.indexList = []
  254. 							uni.hideLoading()
  255. 						}
  256. 					}
  257. 				}
  258. 			},
  259. 			findLeft(id, tabList1) {
  260. 				console.log('tabList1', id, tabList1)
  261. 				for (const tabData of tabList1) {
  262. 					if (tabData.id === id) {
  263. 						console.log('tabData', tabData)
  264. 						return tabData
  265. 					}
  266. 				}
  267. 				return null
  268. 			},
  269. 			scrolltolower() {
  270. 				if (this.pageTotal == this.pageCurrent) {
  271. 					return
  272. 				}
  273. 				this.isSecond = false;
  274. 				this.pageCurrent++
  275. 				uni.showLoading({
  276. 					mask: true
  277. 				})
  278. 				this.getLeftList()
  279. 			},
  280. 			getLeftList(id, tabList) {
  281. 				console.log('tabList', tabList)
  282. 				this.dataList = []
  283. 				if (tabList.length > 0) {
  284. 					if (tabList[0].hasChildren) {
  285. 						this.dataList = this.dataList.concat(tabList[0].children);
  286. 						if (this.isSecond && this.dataList.length > 0) {
  287. 							this.typeId = this.dataList[this.current].id
  288. 							this.getrightList(this.typeId, this.dataList)
  289. 						}
  290. 					} else {
  291. 						this.dataList = []
  292. 					}
  293. 				}
  294. 			},
  295. 			scrolltolower2() {
  296. 				if (this.pageTotal2 == this.pageCurrent2) {
  297. 					return
  298. 				}
  299. 				this.isSecond = false;
  300. 				this.pageCurrent2++
  301. 				uni.showLoading({
  302. 					mask: true
  303. 				})
  304. 				this.getrightList(this.typeId)
  305. 			},
  306. 			getrightList(id, dataList) {
  307. 				console.log('dataList', dataList)
  308. 				if (dataList.length > 0) {
  309. 					if (dataList[0].hasChildren) {
  310. 						this.indexList = this.indexList.concat(dataList[0].children);
  311. 					} else {
  312. 						this.indexList = []
  313. 					}
  314. 				}
  315. 			},
  316. 			// 关闭左滑
  317. 			closeSwiper() {
  318. 				if (this.$refs.tooltip) {
  319. 					this.$refs.tooltip.close()
  320. 				}
  321. 				if (this.$refs.swipeActions && this.$refs.swipeActions.children.length > 0) {
  322. 					this.$refs.swipeActions.children.forEach(el => {
  323. 						el.closeOther()
  324. 					})
  325. 				}
  326. 			},
  327. 			// 头部标题点击右侧
  328. 			clickRight() {
  329. 				// console.log(this.$refs.uTabs)
  330. 				let systemInfo = uni.getSystemInfoSync();
  331. 				var width = systemInfo.windowWidth - 150
  332. 				this.$refs.uTabs.scrollLeft += width
  333. 				if (this.$refs.uTabs.scrollLeft > this.$refs.uTabs.scrollViewWidth) {
  334. 					this.$refs.uTabs.scrollLeft = 0;
  335. 				}
  336. 			},
  337. 			// 搜索按钮
  338. 			searchBtn(e) {
  339. 				this.keyword = e
  340. 				if (this.keyword == '') {}
  341. 			},
  342. 			// 搜索
  343. 			searchChange(e) {
  344. 				console.log('搜索', e)
  345. 				this.keyword = e
  346. 				this.pageCurrent2 = 1;
  347. 				this.dataList = []
  348. 				this.indexList = []
  349. 				if (this.keyword != '') {
  350. 					// 使用 map() 方法遍历返回来的数据中的每个对象
  351. 					const filteredData = this.tabList1.map(item => {
  352. 						let arr = []
  353. 						// 如果有子级
  354. 						if (item.hasChildren) {
  355. 							// 遍历每个对象的 children 数组
  356. 							const children = item.children.map(childItem => {
  357. 								// 如果有子级
  358. 								if (childItem.hasChildren) {
  359. 									// 到第三级、筛选出符合搜索条件的
  360. 									const grandchildren = childItem.children.filter(grandchildItem => {
  361. 										return grandchildItem.title.includes(this.keyword);
  362. 									});
  363. 									// 将过滤后的 grandchildren 赋值回 childItem 的 children 属性中
  364. 									if (grandchildren.length > 0) {
  365. 										console.log('grandchildren', grandchildren)
  366. 										childItem.children = grandchildren;
  367. 										return childItem;
  368. 									}
  369. 								}
  370. 							}).filter(childItem => (childItem !== undefined && childItem.length !==
  371. 								0)); // 过滤childItem有undefined和[]的情况
  372. 							if (children.length > 0) {
  373. 								console.log('children', children)
  374. 								// 将过滤后的 children 赋值回 item 的 children 属性中
  375. 								item.children = children;
  376. 								return item;
  377. 							}
  378. 						}
  379. 					}).filter(item => (item !== undefined));
  380. 					console.log('filteredData ', filteredData)
  381. 					let tabList = []
  382. 					let tabList1 = []
  383. 					// 处理搜到的数据赋值
  384. 					if (filteredData.length > 0) {
  385. 						filteredData.forEach(el => {
  386. 							//构造
  387. 							var obj = {
  388. 								name: el.title,
  389. 								id: el.id
  390. 							}
  391. 							tabList.push(obj)
  392. 							tabList1.push(el)
  393. 						})
  394. 						this.tabList = tabList
  395. 						this.tabList1 = tabList1
  396. 						if (this.tabList1.length > 0) {
  397. 							this.tabsCurrent = 0
  398. 							if (this.tabList1[0].hasChildren) {
  399. 								// 左边数据初始化
  400. 								this.dataList = this.dataList.concat(this.tabList1[0].children);
  401. 								if (this.dataList.length > 0) {
  402. 									this.current = 0
  403. 									if (this.dataList[0].hasChildren) {
  404. 										// 右边数据初始化
  405. 										this.indexList = this.indexList.concat(this.dataList[0].children);
  406. 									} else {
  407. 										this.indexList = []
  408. 									}
  409. 								}
  410. 							} else {
  411. 								this.dataList = []
  412. 							}
  413. 						}
  414. 					} else {
  415. 						// 搜不到相关数据
  416. 						this.nonePerson = true
  417. 						this.tabList = []
  418. 						this.dataList = []
  419. 						this.indexList = []
  420. 						this.indexList1 = []
  421. 					}
  422. 				} else {
  423. 					this.searchClear()
  424. 				}
  425.  
  426. 			},
  427. 			
  428. 			// 清空按钮
  429. 			searchClear() {
  430. 				console.log('kong---111111')
  431. 				this.keyword = ''
  432. 				this.tabsCurrent = 0;
  433. 				this.current = 0;
  434. 				this.tabList = []
  435. 				this.tabList1 = []
  436. 				this.dataList = []
  437. 				this.indexList = []
  438. 				this.getTabList()
  439. 			},
  440. 			// 点击分类名称
  441. 			clickItem(obj, index) {
  442. 				this.current = index
  443. 				if (this.typeId == obj.id) {
  444. 					return
  445. 				}
  446. 				this.typeId = obj.id;
  447. 				uni.showLoading({
  448. 					mask: true
  449. 				})
  450. 				this.pageCurrent2 = 1;
  451. 				this.indexList = [];
  452. 				// this.getrightList(this.typeId)
  453. 				console.log('obj---', obj)
  454. 				if (obj.hasChildren) {
  455. 					const leftData = this.findRight(this.typeId, this.dataList)
  456. 					console.log('leftData', leftData)
  457. 					this.indexList = this.indexList.concat(leftData.children);
  458. 					uni.hideLoading()
  459. 				} else {
  460. 					this.indexList = []
  461. 					uni.hideLoading()
  462. 				}
  463. 			},
  464. 			findRight(id, dataList) {
  465. 				console.log('findRight', id, dataList)
  466. 				for (const leftData of dataList) {
  467. 					if (leftData.id === id) {
  468. 						return leftData
  469. 					}
  470. 				}
  471. 				return null
  472. 			},
  473. 			// 左滑点击事件
  474. 			clickGroup(e, item) {
  475. 				this.$refs.swipeActions.closeOther()
  476. 				this.btnLoading = false;
  477. 				if (e.index == 0) {
  478. 					this.item = item;
  479. 					this.title = "修改品牌名称"
  480. 					this.modelType = 3;
  481. 					this.titleName = item.typeName;
  482. 					this.nameValue = item.englishName
  483. 					this.range.forEach((el, index) => {
  484. 						if (item.region == el.text) {
  485. 							this.value = index
  486. 						}
  487. 					})
  488. 					// this.show = true;
  489. 					this.popupShow = true;
  490. 				} else {
  491. 					this.show = true;
  492. 					this.title = '删除'
  493. 					this.modelType = 4
  494. 					this.content = '是否确认要删除该品牌?'
  495. 					this.item = item
  496. 					// this.delGroup(item)
  497. 				}
  498. 			},
  499. 			
  500. 		}
  501. 	}
  502. </script>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/247291
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号