您好！欢迎来到雅安论坛
关注我们
扫码关注官方微信
手机版
手机扫描直接访问
欢迎: 附近的朋友。
| |
商家入驻
|
网站导航
学习交流 分类信息 美食娱乐 旅游住宿 失物招领 寻人启事

分类信息

房屋租售 二手车 优质商家 相亲交友 求职招聘 兼职服务

板块直达

雨城区 名山区 荥经县 汉源县 石棉县 芦山县 宝兴县 大杂谈
搜索
热搜:    
登陆 注册
雅安论坛 › 综合信息 › 学习交流 › v-show显示组件，alert提示示范
宝兴县灵关保障性租赁住房建设项目（二期）

宝兴县灵关保障性租赁住房建设项目（二期）地块土壤污染状况初步调查报告公示 一、基本信息 宝兴县灵关 详细

返回列表 发新帖
111111

v-show显示组件，alert提示示范

[复制链接]
本站网友  发表于 2023-9-25 08:43:14 |阅读模式 打印 上一主题 下一主题
[backcolor=rgba(33, 37, 41, 0.03)]v-show显示组件，alert提示示范

  1. <template>
  2. <!-- v-show条件展示alert -->
  3. <a-alert type="error" v-show="zhanshi"
  4.       message=  "用户名或者密码错误"
  5.       banner="false"
  6.       closable
  7.     />
  8. </template>
  9. 在js的data的return，需要
  10. ```js
  11.   zhanshi:false
复制代码
在js的data的return，需要
  1. zhanshi:false
复制代码
完整代码如下：
  1. <script>
  2. import axios from 'axios';//引入axios进来
  3. export default{
  4.     data(){
  5.         return{
  6.             duixiang:{
  7.                 username:"",
  8.                 password:""
  9.             } ,
  10.             zhanshi:false
  11.         }
  12.     },
  13.     methods: {
  14.         submit() {
  15.              axios({
  16.                  method: 'get',url: 'http://server.yaanbbs.net/api/login',
  17.                  params: {
  18.                     username:this.duixiang.username,
  19.                     password:this.duixiang.password
  20.                  }
  21.                  }).then(res=>{
  22.                      console.log(res.data.username);
  23.                      if(res.data.code ==="ok"){
  24.                         localStorage.setItem("username",res.data.username); //将用户名存入缓存

  26.                         // localStorage.removeItem('username');
  27.                         localStorage.setItem('token', res.data.toke);
  28.                         // localStorage.clear();//删除所有值
  29.                         this.$router.push({name:'index'})
  30.                        }else{
  31.                         // 这个做法不错，简单有效，就是low点
  32.                        // alert("用户或密码错误");
  33.                        this.zhanshi=true;

  35.                        }
  36.                 },
  37.                  err=>{
  38.                     console.log(err);
  39.                  })

  41.             }
  42.       }

  44.     }
  45.     </script>
复制代码


组件 提示 示范

相关帖子
回复

使用道具 举报

返回列表 发表新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

雅安论坛

关注3

粉丝13

帖子2251

发布主题
推荐阅读 更多
阅读排行 更多
广告位
欢迎使用无需登录在线留言
姓名 

手机 

内容
关注我们

  • 关注官方微信

  • 论坛QQ群

Sitemap⋅小黑屋⋅Archiver⋅雅安论坛( 已经安全运行 ) |网站地图

在线客服

会员收集的资源（插件源码等），仅方便学习，您需要自行承担版权风险，未获得原作者授权的情况下，请勿将文章公开发布或用于商业用途。

声明：本站内容来自于论坛作者本人的观点，不代表本网站的观点和看法，与本网站立场无关，相关责任作者自负。如有侵权，请联系我们及时删除

高能预警：本站为个人网站，非团队运作，常年务农，山上信号不好，在线少，如有不妥之处，望大佬们多多包涵，万分感激！

雅安论坛互联网违法和不良信息举报平台 您也可以通过留言进行相关问题提交，留言提交无需注册，我们将严格保证用户隐私。   © 2009-2021