meta-float-label:尝试实现vue-float-label

【文件属性】：

文件名称：meta-float-label:尝试实现vue-float-label

文件大小：66KB

文件格式：ZIP

更新时间：2024-05-28 11:53:40

JavaScript

meta-float-label 尝试实现 vue-float-label实现了这么一个效果： <input type="text" placeholder="Label"> 用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
----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)