index.vue
1001 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<template>
<!-- 公用nav -->
<view class="navBox">
<view class="search">
<!-- 头部自定义导航 -->
<uni-nav-bar right-text="取消" @clickRight="handleCancel">
<view class="input-view">
<uni-icons class="input-uni-icon" type="search" size="18" color="#999" />
<input confirm-type="search" class="nav-bar-input" type="text" v-model="searchVal" placeholder="输入运单号/手机号/姓名查询" @confirm="handleSearch" @input="handleSearch" />
<view class="scanIcon" @click="handleQr"></view>
</view>
</uni-nav-bar>
<!-- end -->
</view>
</view>
<!-- end -->
</template>
<script setup>
import { ref } from 'vue';
// ------定义变量------
const emit =defineEmits(['handleSearch']) //子组件向父组件事件传递
const searchVal =ref('')
// -----方法------
// 取消搜索
const handleCancel=()=>{
searchVal.value = ''
}
// 搜索
const handleSearch=()=>{
emit('handleSearch',searchVal)
}
// 扫二维码
const handleQr =()=>{
}
</script>