首页 > 编程知识 正文

vue localstorage用法,vuerouter钩子函数

时间:2023-05-04 10:35:16 阅读:36268 作者:1867

如果出现问题,则必须实现无线电下拉列表。 选项无法在一个画面中显示完。 已创建滚动条overflow :自动,并设置了高度。

有问题。 如果单击某个item选项时此item选项不在第一个屏幕上,而是在第一次滚动时可见的区域中,则无法将下拉菜单重新定位到再次单击此下拉菜单时所选的item所在的屏幕上

查了资料问了一下同组有经验的姐姐,她说我可以用window.scroll这个方法。 详情请参阅

3359 developer.Mozilla.org/zh-cn/docs/web/API/window/scroll

但是,他们认为需要确定来自坐标x、y或下拉式单选按钮顶部/底部的像素值,计算起来很麻烦,于是继续寻找方法。

之后,我找到了这篇文章。 VUE将移动到指定位置。 这不是我想要的方法吧!

适用于我的项目的大致步骤是

要绑定来自我的v-for循环的每个item的唯一id,请选择动态绑定: id=' id ' item.value (因为value值对于每个item是唯一的,所以已选择此参数作为id值) 收音机下拉框中分别写有子组件。 (然后,在父组件的按钮绑定事件中,使用documet.getElementById获取每次单击item后的item的id值,并使用scrollIntoView函数将该item 代码父组件index.vuetemplatedivclass=' fixed-icon ' imgv-else : src=' . ' @ click=' show picker (诊断时间divselectroutedialogid=' my drop down ' : route-select-click=' onli click ' : route-info=' data ' 3360 is-cheeeee=false '/templatescriptexportdefault { data } { return { dialogitemment } methods : {/*按钮绑定方法*/showpicker(e ) ) //控件对话框包含document.getelementbyid(e ).scrollIntoView ); //根据传入的item的id,滚动到id所在的视野},/*每个item绑定的方法itemId ——子组件传入的id值*/onli click (选定的val,itemId valarr.push (所选val; this.isShowRouteDropdown=false; this.isChecked=valArr[0]; this.dialogItemID=itemId; 单击//对话框中的item获取的id值为: dialog itemid//console.log (' dialog itemid ',this.dialogItemID ); }}}/script次组件selectroutedialog.vuetemplatedivname=' dialog '! -在此处使用的v-if中,document.getelementbyid(e )一直无法获取对象。 - div-show=' showdialog ' id=' dialog-BG ' 3360 data=' row dialog ' id=' dialog-BG ' 360 data -对话框的头部区域--divclalata=' dialog-closed '/divdivstyle height :100 % ' ulli class=' Li style ' v-for=' (item, index ) inrouteinfo ' : key=' index ' : checked=' is checked ' @ click=' routeselectclick (item.value, ' id' item.value ) ' : id=' id ' item.value ' divclass=' routenamestyle ' divclass=' text style ' { { item.tetete } divi mgv-if=' item.value===is checked ' src='~. ' class=' nor-active-icon '/imgv-else src='~~/. js/language ' export default { name : ' selectroutediage } props : { showdialog : } type : boolean },is checked : title:{ type: String }、message:{ type: String }、routeInfo: { type: Array }、routeselectclick 3360 methods : (close : function ) this.$ emit (close dialog ) ) } }}/script过程中出现的问题小记显然通过父子组件参与,showPicker(e

然后选中此复选框,以确定是否可以直接在控制台中找到包含document.getelementbyid(e )的item的对象

还是可以的! 这个id表示可以得到。 这种方法也是可能的。 代码逻辑可能有错误。

然后,如果你问了同一个组的姐姐,这表明你这个组件的dom没有被渲染的时候,如果你调用了这个方法,你一定得不到。 然后,确定整个线路选择组件的渲染何时完成,然后获取即可。

我想问如何确定乐观的串行dom渲染完成了彻底的渲染。 乐观的串行表示,将此dom长时间挂载在页面上就可以了。

然后瞬间想到了v-show! 我本来用的是v-if

然后换成v-show,判断有无选择框的显示就可以了!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。