首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

vue3 实现 select 下拉选项

select选项父标签, 必须含有插槽 #selectDropDown 才能正常使用 Attribute Description Accepted Values Default selected...默认选中的值,如果不填或为空则默认选中插槽中的第一个 tk-select-item 中的值 - - tk-select-item select选项子标签(选项标签), tk-select-item...我们像页面添加第一个下拉选项时非常完美,但是如果页面上有两个select存在时问题来了. 我们发现当控制其中一个选项被选中是, 另外一个select显示的值也随之改变...., 但是在 vue3 setup中并不能获取到正确的parent, 所以我想到了可以在 select 创建时派发一个 token 在讲此令牌传给所有子类, 好了理论存在, 开始实践. provide &...创建时生成 token 并派发给后代 // select.vue import {tokenFun} from '@/utils/token' import {provide, getCurrentInstance

3.9K10

AngularJS系列之select下拉选择第一个选项空白的解决办法

今天给大家介绍一下AngularJS系列之select下拉选择第一个选项空白的解决办法。...相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就变成空白了,而且选中其中非空白的地方,第一个选项的空白位置又奇妙的消失了。... 第一种办法就是在select的下面加上一个默认option,不过有一点必须特别注意,就是在option中的value值必须设置“”(也就是空字符串),否则上面第一个选项还是会留空白出来...这样可能就会有人说我第一个option要是不想获取的value值空,那该怎么办,比如我第一个value值想设置成“请选择”这个字符串呢?...这样基本就全部解决了select中第一个选项留空白的问题了。 如对内容有问题或有疑义,请及时提出,不甚感谢。本人QQ:208017534

3.1K70
领券