Blame view

src/components/fee/inputSearchRoomDemo.vue 657 Bytes
b25b036d   wuxw   v1.9 优化日期
1
  <template>
24d3590f   wuxw   房屋收费页面开发完成
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
    <div>
      <el-input 
        v-model="roomName" 
        :placeholder="$t('inputSearchRoomDemo.searchPlaceholder')"
        @input="handleSearch"
      ></el-input>
      <input-search-room ref="inputSearchRoom"></input-search-room>
    </div>
  </template>
  
  <script>
  import InputSearchRoom from './inputSearchRoom'
  
  export default {
    name: 'InputSearchRoomDemo',
    components: {
      InputSearchRoom
    },
    data() {
      return {
        roomName: ''
      }
    },
    methods: {
      handleSearch() {
        this.$refs.inputSearchRoom.$emit('searchRoom', {
          roomName: this.roomName,
          callComponent: 'yourComponentName'
        })
      }
    }
  }
  </script>