用 vue 怎么实现这种功能？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2655 天前的主题，其中的信息可能已经有所发展或是发生改变。

Markdown
多选，点击后显示在 input 框中

19 条回复 • 2017-08-23 00:21:33 +08:00

klgd

2017-08-22 12:57:01 +08:00

可以参考 element-ui select 组件

kinghs

2017-08-22 13:29:50 +08:00

计算属性

pandacat

2017-08-22 13:44:14 +08:00 via Android

下面直接用 CheckBox 然后跟上面的 div 绑定数据。。这样就可以了。。

k9982874

2017-08-22 13:44:32 +08:00

骚年你会写 js 吗？

seki

2017-08-22 13:58:48 +08:00

参考现有的轮子吧，会写的一看就会了

yantianqi

2017-08-22 14:07:41 +08:00

@seki 请问什么轮子呢？

HYSS

2017-08-22 14:11:44 +08:00

vue 不是 js ？

codermagefox

2017-08-22 14:15:52 +08:00

没明白难度在哪....实话

leekafai

2017-08-22 14:16:04 +08:00 via Android

多选预选

webster

2017-08-22 14:17:31 +08:00

没明白难度在哪里……

yantianqi

2017-08-22 14:50:08 +08:00

@webster 请问你是怎么想的呢？

yantianqi

2017-08-22 14:50:47 +08:00

@codermagefox 请问用什么思路实现

deepkolos

2017-08-22 15:07:48 +08:00

你需要 window.getSelection();

codermagefox

2017-08-22 15:22:37 +08:00

@yantianqi computed,字符串拼接

biuuu

2017-08-22 16:11:08 +08:00

这里你肯定要保存选中的状态吧。
然后 input 用 v-model 绑定数据的话，就用 computed，getter 和 setter 分开写。
get 当然从选中状态里得到，set 的话看你具体需求处理。

bevig

2017-08-22 16:19:51 +08:00

之前用过饿了么的一套，找找那个直接改就行，好像。

Geo200

2017-08-22 16:23:19 +08:00

这个就算不用表单写都能很容易实现吧。。computed 一个属性找到当前选中的元素即可

seki

2017-08-22 21:00:54 +08:00

@yantianqi 如果你是全都不明白，就去看看现有的 vue 框架的组件的源代码。如果只是哪里卡住不懂，就把问题说得明确一点。这个原理不难，但是完整写出来也是要打好多字的

suyi2015

2017-08-23 00:21:33 +08:00

响应式原理

computed