关于Vue表单输入绑定的条件绑定问题

Question

有人能帮我弄清楚如何在这个绑定中添加一个条件吗?如果输入中没有逗号、一个逗号或多个逗号，那么可以根据输入输出不同的绑定吗？

<p>{{ target}}</p>
<input v-model="target" placeholder="Enter Your Target" />

因此，如果输入没有逗号，输出将是

You Entered `London`

如果一个逗号

You Entered `London` AND `Paris`

如果很多人

You Entered `London` AND `Paris` AND `Rome`

​

​

Answer 1

也许是这样的：

​

new Vue({
  el: '#demo',
  data() {
    return {
      target: '',
    }
  },
  computed: {
    result() {
      return this.target && '`' + this.target.replaceAll(",", "` AND `") + '`'
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <p>You Entered {{ result }}</p>
  <input v-model="target" placeholder="Enter Your Target" />
</div>

​