chenchen 发表于 2022-11-3 14:05:41

关于分页“tab”组件问题

阐述：在新建“tab”组件和运用时，人员都可以看到“page”下的资料！

问题：如我想在“page”分页上设置一个固定密码，仅将密码告诉某一个人，在查看时可以任意查看，但是无密码人员就无法查看，我需要怎么制作这个功能，在不涉及数据库的情况下！


论坛管理员 发表于 2022-11-3 16:30:08

把page下面的内容通过div包一下，默认隐藏，输入密码正确后show()显示出来

chenchen 发表于 2022-11-3 17:19:18

本帖最后由 chenchen 于 2022-11-3 17:28 编辑

论坛管理员 发表于 2022-11-3 16:30
把page下面的内容通过div包一下，默认隐藏，输入密码正确后show()显示出来
这是我的代码：
var data;
if( this.form.get('textfield') ){ //判断表单是否有无对应组件
   data = this.form.get('textfield').getData();
   console.log("Data-wh:",data);
   if(data=="123456"){
         this.form.get("print").show(); //显示组件
   }else{
         this.form.get("print").hide(); //隐藏组件
   }
}


1.我如何在代码中设置“data=（mima）”这个组件的值呢？
如图：


2.我在组件内也做了校验，但是输入密码的时候，如何才可以让密码变成*号呢？
如图：





论坛管理员 发表于 2022-11-4 10:04:03

1、this.data.mima==this.data.textfiled
2、输入框加入属性type=password

chenchen 发表于 2022-11-5 09:39:09

本帖最后由 chenchen 于 2022-11-5 09:40 编辑

论坛管理员 发表于 2022-11-4 10:04
1、this.data.mima==this.data.textfiled
2、输入框加入属性type=password
第1点：是改成这个样子嘛，但是取不到值
var data;
if(this.data.mima==this.data.textfiled){ //判断表单是否有无对应组件
   data = this.form.get('textfield').getData();
   console.log("Data-wh:",data);
   if(data=="mima"){
         this.form.get("print").show(); //显示组件
   }else{
         this.form.get("print").hide(); //隐藏组件
   }
}





论坛管理员 发表于 2022-11-7 09:22:10

你F12看一下哪里没取到值，看起来代码没什么问题，是不是逻辑方面错了

chenchen 发表于 2022-11-7 09:31:41

论坛管理员 发表于 2022-11-7 09:22
你F12看一下哪里没取到值，看起来代码没什么问题，是不是逻辑方面错了

好的，谢谢管理员

论坛管理员 发表于 2022-11-7 15:33:35

:victory:
页: [1]
查看完整版本: 关于分页“tab”组件问题