首页 > 其他分享 >vue中的属性和data不要命名程驼峰格式

vue中的属性和data不要命名程驼峰格式

时间:2024-07-19 12:18:01浏览次数:10  
标签:loading false 驼峰 登录 type vue data

vue中的属性和data不要命名程驼峰格式

{

  
props: {
    selfshowmenu: {
        type: Boolean,
        default:true //是否需要显示导航,首页不显示导航,子页显示
    },
    headheight: {
        type: Number,
        default: 80 //head的高度
    },
    isgotogignin: {
        type: Boolean,
        default: true //未登录的时候是否需要跳转到登录页
    }
},
data: function () {
    return {
        show: false,
        path: $dom.path(),   //模板路径
        menus: [],        //导航菜单

        search: $api.querystring("search"),      //搜索字符
        //登录相关
        loading_login: true,        //请求登录中
        account: {},        //当前登录的学员账号
        teacher: {},         //当前登录的教师账号
        //平台信息
        platinfo: {},           //平台信息
        config: {},             //当前机构的配置项
        organ: {},        //当前机构

        visible_userdrop: false,     //用户登录后的菜单面板的显示与隐藏

        error: [],       //错误信息
        loading: false,
        loading_menu: false,         //导航菜单的加载

        goToSignIn: false //未登录的时候是否需要跳转到登录页
    }
},


}

所有的这些都不要 命名程驼峰格式,否则会出错,获取不到数据。

 

标签:loading,false,驼峰,登录,type,vue,data
From: https://www.cnblogs.com/huaan011/p/18311242

相关文章

  • 基于javaweb jsp ssm校内互助交易平台+vue录像(源码+lw+部署文档+讲解等)
    前言......
  • 基于java+springboot+vue实现的学生选课系统(文末源码+Lw)129
     系统角色:学生、教师、管理员系统功能:管理员管理专业,教师,学生,课程,查看学生选课以及学生成绩信息。教师查询学生,查询课程,审核学生选课信息,为学生学习的课程进行成绩打分学生参与课程选课,查询选课信息,查询已选课程的成绩信息。技术栈:开发语言:JavaJDK版本:JDK8前端技......
  • 基于java+springboot+vue实现的中小企业人事管理系统(文末源码+Lw)128
     基于SpringBoot+Vue的实现的中小企业人事管理系统(源码+数据库+万字Lun文+流程图+ER图+结构图+ppt+演示视频+软件包)系统角色:员工、管理员系统功能:管理员登录进入中小企业人事管理系统可以查看首页、个人中心、员工管理、部门信息管理、职位信息管理、福利信息管理、培......
  • 基于java+springboot+vue实现的实验室管理系统(文末源码+Lw)127
     基于SpringBoot+Vue的实现的实验室管理系统(源码+数据库+万字Lun文+流程图+ER图+结构图+演示视频+软件包)系统功能:实验室管理系统管理员功能有个人中心,学生管理,教师管理,公告信息管理,知识库管理,实验课程管理,实验室信息管理,实验室预约管理,实验设备管理,采购记录管理,维修记录管......
  • Vue3学习(未完待续)
    Vue3vite全新的前段开发工具就是webpack的代替品npminitvite-appvue3testnpmi模板中可以没有根标签安装vue3的测试工具常用CompositionAPIsetup是vue3中的一个配置项<script>import{h}from'vue'//返回一个渲染函数exportdefault{ name:"app", setup(){......
  • # vue 使用代码编辑器插件 vue-codemirror
    vue使用代码编辑器插件vue-codemirror之前用过一次,当时用的一知半解的,所以也没有成文,前几天又因为项目有需求,所以说有用了一次,当然,依旧是一知半解,但是还是稍微写一下子吧!万一以后用到,不用满网找资料了,个人学习记录,仅供参考,切勿尽信!vue-codemirror说明首先我的项目是vue2......
  • llamafactory/data/formatter.py [源码解析]
    importjsonimportrefromabcimportABC,abstractmethodfromdataclassesimportdataclass,fieldfromtypingimportList,Literal,Optional,Tuple,Unionfrom.data_utilsimportSLOTSfrom.tool_utilsimportDefaultToolUtils,GLM4ToolUtils@dataclass......
  • Vue3+Elementplus 递归菜单展示
    这里只是做个笔记,js,css那些都没写子组件MenuItem<template><templatev-if="item.children"><el-sub-menu:index="item.value"><template#title>{{item.label}}</template><MenuItemv-for="childI......
  • Vue脚手架安装(保姆级)
      ......
  • Vue2中Diff算法解析
    Vue2中Diff算法解析import{compileToFunction}from'./compiler/index.js';import{patch,createElm}from'./vdom/patch';//1.创建第一个虚拟节点letvm1=newVue({data:{name:'hs'}});letrender1=compileToFunction('<div>{{nam......