Vue.js做select下拉列表的实例(ul-li标签仿select标签)

所需积分/C币:42 2020-11-30 13:01:48 68KB PDF
1
收藏 收藏
举报

目标:用ul-li标签结合Vue.js知识做一个模仿select标签的下拉选项列表。 知识点: 组件的写法及运用 组件之间的数据传递(props的运用) 组件之间的数据传递($emit的运用) 动态数据的绑定(v-bind) 自定义事件通信 效果图: 1、未做任何操作前,下拉列表为隐藏状态 2、点击输入框显示下拉列表 3、 点击列表项,输入框值跟随改变 PS: 为了演示data1, data2两组数据的绑定,实例中创建了两个列表 html代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
weixin_38702110 如果觉得有用,不妨留言支持一下
2020-11-30
  • 分享王者

    成功上传51个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
    最新推荐