没有合适的资源?快使用搜索试试~ 我知道了~
meta-float-label:尝试实现vue-float-label
共12个文件
js:3个
json:2个
vue:2个
需积分: 13 0 下载量 125 浏览量
2021-05-08
18:07:00
上传
评论
收藏 66KB ZIP 举报
温馨提示
meta-float-label 尝试实现 vue-float-label实现了这么一个效果: <float> <input type="text" placeholder="Label"> </float> 用float-label组价包裹input后,当input获取焦点后,出现一个label。 这里的难点在于float-label组件如何和input进行交互,包括如何获取到focus事件,如何获取到placeholder值。 我的解决方案是使用vnode。通过this.$slots.default[0]可以获取slot中的vnode,然后需要分两种情况考虑,一种是slot中是一个组件,一种是slot中是DOM元素,这两种情况获取事件和属性的方法是不一致的。 那我们如何判断是组件还是DOM节点呢?我的解决方案是通过vnode.componentOptio
资源推荐
资源详情
资源评论
收起资源包目录
meta-float-label-master.zip (12个子文件)
meta-float-label-master
index.html 254B
webpack.config.js 1KB
src
index.js 2KB
.babelrc 343B
example
main.js 241B
meta-input.vue 510B
App.vue 825B
LICENSE 1KB
README.md 1KB
.gitignore 12B
package-lock.json 287KB
package.json 1KB
共 12 条
- 1
资源评论
JinTommy
- 粉丝: 41
- 资源: 4550
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功