forked from opentiny/tiny-vue
39 lines
700 B
Vue
39 lines
700 B
Vue
<template>
|
||
<div class="search-wrap">
|
||
<tiny-search placeholder="搜索" @change="handleChange" @search="handleSearch"></tiny-search>
|
||
输入的搜索内容为：{{ searchValue }}
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="jsx">
|
||
import { Search } from '@opentiny/vue'
|
||
|
||
export default {
|
||
components: {
|
||
TinySearch: Search
|
||
},
|
||
data() {
|
||
return {
|
||
searchValue: ''
|
||
}
|
||
},
|
||
methods: {
|
||
handleChange(obj, val) {
|
||
this.searchValue = val
|
||
console.log('当前改变的值为：' + val)
|
||
},
|
||
handleSearch(val) {
|
||
console.log('搜索内容为：' + val)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.search-wrap {
|
||
height: 100%;
|
||
padding: 20px;
|
||
background: #f4f4f4;
|
||
}
|
||
</style>
|