vue input输入框自动已逗号或者回车换行

可以使用Vue.js的v-model指令和自定义指令实现。具体可以参考以下代码：

<template>
  <div>
    <input v-model="inputValue" v-comma-enter />
    <ul>
      <li v-for="item in inputList">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      inputList: []
    }
  }
}

Vue.directive('comma-enter', {
  update(el, binding, vnode) {
    let val = el.value
    if (val.slice(-1) === ',' || val.slice(-1) === '\n') {
      vnode.context.inputList.push(val.slice(0, -1))
      vnode.context.inputValue = ''
    }
  }
})
</script>

在上面的代码中，我们定义了一个名为“comma-enter”的自定义指令，它监听输入框的输入事件。当输入框的内容以逗号或回车键结束时，触发指令的update函数，将输入框的值添加到一个数组中，并清空输入框的值。接下来，在模板中，我们使用v-for指令遍历数组，将所有输入框中的值显示出来。