多选,点击后显示在 input 框中
1
klgd 2017-08-22 12:57:01 +08:00
可以参考 element-ui select 组件
|
2
kinghs 2017-08-22 13:29:50 +08:00
计算属性
|
3
pandacat 2017-08-22 13:44:14 +08:00 via Android
下面直接用 CheckBox 然后跟上面的 div 绑定数据。。这样就可以了。。
|
4
k9982874 2017-08-22 13:44:32 +08:00
骚年你会写 js 吗?
|
5
seki 2017-08-22 13:58:48 +08:00
参考现有的轮子吧,会写的一看就会了
|
7
HYSS 2017-08-22 14:11:44 +08:00
vue 不是 js ?
|
8
codermagefox 2017-08-22 14:15:52 +08:00
没明白难度在哪....实话
|
9
leekafai 2017-08-22 14:16:04 +08:00 via Android
多选 预选
|
10
webster 2017-08-22 14:17:31 +08:00
没明白难度在哪里……
|
12
yantianqi OP @codermagefox 请问用什么思路实现
|
13
deepkolos 2017-08-22 15:07:48 +08:00
你需要 window.getSelection();
|
14
codermagefox 2017-08-22 15:22:37 +08:00
@yantianqi computed,字符串拼接
|
15
biuuu 2017-08-22 16:11:08 +08:00
这里你肯定要保存选中的状态吧。
然后 input 用 v-model 绑定数据的话,就用 computed,getter 和 setter 分开写。 get 当然从选中状态里得到,set 的话看你具体需求处理。 |
16
bevig 2017-08-22 16:19:51 +08:00
之前用过饿了么的一套,找找那个直接改就行,好像。
|
17
Geo200 2017-08-22 16:23:19 +08:00
这个就算不用表单写都能很容易实现吧。。computed 一个属性找到当前选中的元素即可
|
18
seki 2017-08-22 21:00:54 +08:00
@yantianqi 如果你是全都不明白,就去看看现有的 vue 框架的组件的源代码。如果只是哪里卡住不懂,就把问题说得明确一点。这个原理不难,但是完整写出来也是要打好多字的
|
19
suyi2015 2017-08-23 00:21:33 +08:00
响应式原理
computed |