Blame view

src/components/fee/inputSearchRoomByOwnerDemo.vue 725 Bytes
24d3590f   wuxw   房屋收费页面开发完成
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
  <template>
    <div>
      <el-input 
        v-model="ownerName" 
        :placeholder="$t('inputSearchRoomByOwnerDemo.searchPlaceholder')"
        @input="handleSearch"
      ></el-input>
      <input-search-room-by-owner ref="inputSearchRoomByOwner"></input-search-room-by-owner>
    </div>
  </template>
  
  <script>
  import InputSearchRoomByOwner from './inputSearchRoomByOwner'
  
  export default {
    name: 'InputSearchRoomByOwnerDemo',
    components: {
      InputSearchRoomByOwner
    },
    data() {
      return {
        ownerName: ''
      }
    },
    methods: {
      handleSearch() {
        this.$refs.inputSearchRoomByOwner.$emit('searchRoom', {
          ownerName: this.ownerName,
          callComponent: 'yourComponentName'
        })
      }
    }
  }
  </script>