首页 > 其他 > 详细

vue之计算属性computed模板

时间:2020-03-15 19:25:08      阅读:134      评论:0      收藏:0      [点我收藏+]

计算属性:故名思意也是一种属性,可以用插值表达式直接调用

废话不多说,直接上代码:

页面部分

 <!-- 用户名下拉菜单 -->
          <el-dropdown class="user-name" trigger="click" @command="handleCommand">
            <span class="el-dropdown-link">
              {{username}}
              <i class="el-icon-caret-bottom"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item divided command="loginout">退出登录</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>

 

js部分

computed: {
    username() {
      let userSO = sessionStorage.getItem("userSO",userSO);
      let username =userSO.userName;
      return username;
     /*  let username = localStorage.getItem("ms_username");
      return username ? username : "admin"; */
    }
  },

 

vue之计算属性computed模板

原文:https://www.cnblogs.com/yanl55555/p/12499344.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!