雅安论坛

标题: v-show显示组件，alert提示示范 [打印本页]
作者: 匿名    时间: 2023-9-25 08:43
标题: v-show显示组件，alert提示示范
[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>
复制代码






欢迎光临 雅安论坛 (http://www.yaanbbs.net/) Powered by Discuz! X3.4