vue组件 下拉框分页

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue组件 下拉框分页相关的知识,希望对你有一定的参考价值。

参考技术A 和公司签了保密协议啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈所以我把数据全部马赛克了哈哈哈哈哈哈哈哈哈哈哈尼萌就当有就成~~
输入框前面有个label,和页面中的其他label保持一致;分页的组件是vue-element-admin中自带的pagination,用elementui的el-pagination也可~~一样的道理反正就是各种传值

组件内容 ↓

父组件 👇
template 中 ↓

script 中 ↓

最后叮嘱一句,最好不要直接在父组件中控制子组件的inputValue。会有很多问题都是血的教训哈哈哈哈哈哈哈

如果现在有二级联动的需求,选择左边的数据,更改右边的数据。
那么点击左侧的列表选定一个值,右侧才可以进行操作。左侧换值,右侧清空。
这个时候,我们不要直接用inputValue来操纵输入框的值。最好再设置一个其他的变量,比如flag。

如果左边传的值发生变化,父组件中的this.flag = !this.flag
在子组件中watch这个flag

以上是关于vue组件 下拉框分页的主要内容,如果未能解决你的问题,请参考以下文章

vue--封装后台管理项目通用组件

下拉框分页基于element

vue 分页组件怎么控制每页的显示

Element-UI的组件改造的树形选择器(树形下拉框)

vue中好用的下拉刷新、上拉加载插件mescroll.js

手动封装分页组件(Vue3)