VUE 如何點(diǎn)擊按鈕將子組件的input框的v-model 清空

<input v-model="getState2"/>

computed:{

getState2(){
    return this.$store.state.machineSearchInputValue
}

}

status2 綁定在 computed 內(nèi)。

  computed: {
    state2 () {
      return this.$store.state.machineSearchInputValue
    }
  }

你把store里面的state寫在data里面，實(shí)例化組件的時(shí)候能取到state的值（原生JS的值傳遞），但是沒有建立綁定關(guān)系，所以你的watch是監(jiān)聽不到store里面state的變化的，正確寫法：

<template>
  <input type="text" v-model="cp_val">
</template>
// export default 中應(yīng)該綁定一個(gè)計(jì)算屬性
computed: {
      cp_val: {
        get() {
          return this.$store.state.value
        },
        set(v) {
          this.$store.commit('m_change', v)
        }
      }
    }
    
   // 父級要修改store的值，直接commit就可以了
 this.$store.commit('m_change', '')