当“ click”事件触发时如何触发默认的选择下拉菜单

Question

我希望select hmtl元素在接收到click事件时触发下拉菜单。我为此有一个单独的按钮来触发它：select.click（）。但是，当下拉菜单接收到click事件时，它不会触发下拉菜单。

我尝试创建一个onclick事件处理程序，该事件处理程序在单击时会提醒我，但它可以工作，但是当我不编写代码时，则什么也没有发生。

let select = document.querySelector('#select');
console.log(select);

const selector = new Vue({
  el: '#hej',
  data: {
    question: 'How was your service?',
    selectorValue: '',
    buttonClicked: null
  },
  methods: {
    buttonClick: function() {
      this.buttonClicked = true
      console.log(this.buttonClicked)
    },
  },
  watch: {
    buttonClicked: function() {
      select.click(); 
    }
  }
})

<p class="symbol" id="triangle" v-on:click="buttonClick">&#9660</p>
<div class="textbox">
<select id="select" class="input" v-model="selectorValue">
<option value="default"></option>
<option value="0">0% - Terrible</option>
<option value="25">25% - Bad</option>
<option value="50">50% - Good</option>
<option value="75">75% - Kind of good</option>
<option value="100">100% - Best service ever!</option>
</select>