Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
momo的小宝贝
vue2-elm
提交
8fe8fc75
V
vue2-elm
项目概览
momo的小宝贝
/
vue2-elm
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue2-elm
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
8fe8fc75
编写于
1月 17, 2018
作者:
C
catchme
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改food页面中进行筛选时的选择问题
上级
a3682797
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
16 addition
and
9 deletion
+16
-9
src/page/food/food.vue
src/page/food/food.vue
+16
-9
未找到文件。
src/page/food/food.vue
浏览文件 @
8fe8fc75
...
...
@@ -38,7 +38,7 @@
</ul>
</section>
</section>
</transition>
</transition>
</div>
<div
class=
"sort_item"
:class=
"
{choose_type:sortBy == 'sort'}">
<div
class=
"sort_item_container"
@
click=
"chooseType('sort')"
>
...
...
@@ -120,7 +120,7 @@
</li>
</ul>
</section>
</transition>
</transition>
</div>
<div
class=
"sort_item"
:class=
"
{choose_type:sortBy == 'activity'}">
<div
class=
"sort_item_container"
@
click=
"chooseType('activity')"
>
...
...
@@ -168,7 +168,7 @@
<section
class=
"shop_list_container"
>
<shop-list
:geohash=
"geohash"
:restaurantCategoryId=
"restaurant_category_id"
:restaurantCategoryIds=
"restaurant_category_ids"
:sortByType=
'sortByType'
:deliveryMode=
"delivery_mode"
:confirmSelect=
"confirmStatus"
:supportIds=
"support_ids"
v-if=
"latitude"
@
DidConfrim=
"clearAll"
></shop-list>
</section>
</div>
</div>
</
template
>
<
script
>
...
...
@@ -222,7 +222,7 @@ export default {
this
.
headTitle
=
this
.
$route
.
query
.
title
;
this
.
foodTitle
=
this
.
headTitle
;
this
.
restaurant_category_id
=
this
.
$route
.
query
.
restaurant_category_id
;
//防止刷新页面时,vuex状态丢失,经度纬度需要重新获取,并存入vuex
//防止刷新页面时,vuex状态丢失,经度纬度需要重新获取,并存入vuex
if
(
!
this
.
latitude
)
{
//获取位置信息
let
res
=
await
msiteAddress
(
this
.
geohash
);
...
...
@@ -288,8 +288,14 @@ export default {
},
//点击某个排序方式,获取事件对象的data值,并根据获取的值重新获取数据渲染
sortList
(
event
){
console
.
log
(
this
.
filterNum
)
this
.
sortByType
=
event
.
target
.
getAttribute
(
'
data
'
);
let
node
;
// 如果点击的是 span 中的文字,则需要获取到 span 的父标签 p
if
(
event
.
target
.
nodeName
.
toUpperCase
()
!==
'
P
'
)
{
node
=
event
.
target
.
parentNode
;
}
else
{
node
=
event
.
target
;
}
this
.
sortByType
=
node
.
getAttribute
(
'
data
'
);
this
.
sortBy
=
''
;
},
//筛选选项中的配送方式选择
...
...
@@ -327,8 +333,9 @@ export default {
},
//只有点击清空按钮才清空数据,否则一直保持原有状态
clearSelect
(){
this
.
support_ids
.
map
(
item
=>
item
.
status
=
false
);
this
.
filterNum
=
0
;
this
.
support_ids
.
map
(
item
=>
item
.
status
=
false
);
this
.
filterNum
=
0
;
this
.
delivery_mode
=
null
;
},
//点击确认时,将需要筛选的id值传递给子组件,并且收回列表
confirmSelectFun
(){
...
...
@@ -378,7 +385,7 @@ export default {
transition
:
all
.3s
;
fill
:
#666
;
}
}
.choose_type
{
.sort_item_container
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录