用 vue 怎么实现这种功能?

2017-08-22 12:51:45 +08:00
 yantianqi


多选,点击后显示在 input 框中

3846 次点击
所在节点    程序员
19 条回复
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
下面直接用 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
多选 预选
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/384810

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX