SearchInputExample.vue 741 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <h1>搜索输入框</h1>
  3. <SearchInput
  4. v-model:value="filterFiled.condition"
  5. :api-url="filterFiled.apiUrl"
  6. :api-response-data-text-filed-name="
  7. filterFiled.apiResponseDataTextFiledName
  8. "
  9. />
  10. </template>
  11. <script>
  12. import SearchInput from '../../packages/info/src/SearchInput.vue';
  13. export default {
  14. components: { SearchInput },
  15. data() {
  16. return {
  17. filterFiled: {
  18. condition: '',
  19. apiUrl: 'SqlApiResource/execute/20221206_114403',
  20. apiResponseDataTextFiledName: 'datas->assetInventoryId',
  21. },
  22. };
  23. },
  24. watch:{
  25. 'filterFiled.condition':{
  26. handler(newValue){
  27. console.log(newValue,'condition-----');
  28. },
  29. },
  30. },
  31. };
  32. </script>
  33. <style>
  34. </style>