自定义输入中的显示 [Vue.Js]

Customize the display in an input [Vue.Js]

我有一个输入必须根据选中的复选框包含值,我会根据选中的复选框自定义输入上的显示。

我已经初始化了一个观察者来更新我输入的 v 模型,但显示如下:我的输入:[Jhon,Eliott] 虽然我想用 space 代替逗号。这给出了:我的输入:[Jhon Eliott].

我创建了一个 codeSandBox,它更详细地解释了所需的结果。

Code sandbox

尝试连接值:

watch: {
  checkedOptions(newValue) {
    this.content = newValue.join(' ');
  },
},