如何在select value后清除<p-autocomplete>？

<template>
  <div>
    <select @change="handleSelectChange">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
    </select>

    <p-autocomplete v-model="autocompleteValue"></p-autocomplete>
  </div>
</template>

<script>
export default {
  data() {
    return {
      autocompleteValue: ''
    };
  },
  methods: {
    handleSelectChange(event) {
      // 获取选中的值
      const selectedValue = event.target.value;

      // 清除<p-autocomplete>的值
      this.autocompleteValue = '';
    }
  }
};
</script>