el-menu <el-menu default-active="1"> <el-submenu > <el-menu-item>
原创
2019-05-29 11:04:15
64阅读
方法一 使用vue框架的指令，方便高效（推荐，项目常用）大致思路： v-for 指令通过数组遍历按钮，创建方法使用数组下标 index 来控制按钮的选中状态，index 为0时表示第一个按钮被选中，依次类推；data 中设置变量 number 来表示点击后的值，与下标同步且只有点击后
转载
2024-05-31 19:40:47
245阅读
认识vue-router1、概念：vue-router是vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。在使用 vue-router 时，我们需要做的就是把路由映射到各个组件，vue-router 会把各个组件渲染到正确的地方。在vue-router的单页面应用中，页面的路径的改变就是组件的切换。2、安装环境：cnpm install vue-router --s
Vue 2.0 右键菜单组件 Vue Context Me
原创
2022-08-29 23:46:59
549阅读
概念：组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑，为什么export default导出的对象中有个name属性，今天看过递归组件之后，才发现这个name属性的一个比较重要的作用。（当然。name属性的还有其他的用处）。用法：1、首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出现“max
转载
2024-04-13 20:09:49
70阅读
场景1.保存提交按钮不小心点击了多次。 2.由于服务器请求时间过长等原因点击事件没有及时响应又点击了一次，造成数据的重复提交和保存，数据的异常。 3.resize、scroll，输入框内容校验等频繁操作。原因由于axios提交数据为异步提交，点击提交按钮是通过xmlhttprequest向后端发送异步请求，发送请求后后端返回数据需要时间处理，如果第一次点击的请求尚未完成，又接二连三地提交了几次，同
转载
2024-10-23 11:42:43
96阅读
vue-day011.vue的介绍作者介绍 框架的介绍2.vue官网https://cn.vuejs.org/3.vue的优点 易用，灵活，高效4.库与框架区别 库：只具有某一种功能 框架：具备完整的功能 bootstrap element-ui5.开发环境与生产环境开发环境地址:<script src="https://cdn.jsdelivr.net/npm
一、前言 利用Sass预处理实现换肤和字体大小调整。 思路及达到的效果：字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制。页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法：1.利用全局变量和bus事件，使用js方式调整字体和颜色(这里暂不讨论); 2.利用scss预处理方式实现
转载
2024-07-13 05:43:43
475阅读
在学习 Vue 时，我们都会写关于管理系统的项目，在管理项目中，我们必然会处理菜单模块，此文章重点介绍如何通过vue动态渲染menu组件。
原创
2023-08-19 15:15:45
983阅读
点赞
后台管理系统一般通过菜单进行各个功能点的导航，在面临大量菜单时需要考虑如何设计使客户体验更加便捷。作者在最近几个百万级、千万级项目的开发实施过程中，用户对菜单导航结构提出一些修改意见，经过若干次迭代以优化操作体验，作者将迭代过程总结下做个分享。整体布局第一阶段传统树形菜单导航，根据项目的不同，有的采用横向排列，有的固定在左侧顶部菜单：从上到下分别为：标题栏、菜单栏、工作区侧边菜单：导航菜单占据整个
1、下载方法 1.打开阿里iconfont，记得登录才可以下载，将所要下载的图标依次添加至购物车，然后点击右上角的购物车，点击添加至项目 ，点击资源管理器=》我的项目 2、选择font class，可以点击下载至本地，也可以生成在线地址打开你的网页代码，添加link标签，将上面的代码粘贴到href属性下。注意需为路径添加“http：”字样。 然后使用i标签引用图标。图标名称可以
组件中需要组件调用自身，这就是递归组件，递归组件需要声明name和自己引入自己并声明注册为组件，并且需要使用props进行传参，其还需要一个停止条件，否则会进入死循环。vue的递归组件和其v-for指令之间的关系和js中的for循环和递归函数一样，一个是有尽头，一个是不知道到底嵌套了多少层级。在vue中我们是数据驱动界面，根据数据来渲染界面，而很多数据我们是从后台获取，事先并不知道它会嵌套多少层，
转载
2024-02-26 16:53:01
396阅读
我们在做移动端项目的时候，底部导航栏基本可以说是必备的功能，可以方便用户在几大基本页面间切换。一套完整的底部导航栏，不仅需要具有导航菜单的显示，还需要根据实际业务逻辑判断导航栏何时显示、何时隐藏，以及在组件之间进行切换时，添加恰当的页面过渡效果，从而实现整体效果的提升。 &nbs
有时间总结了下动态添加tab页的相关知识:非常鄙视那些引用我文章的网站和个人网站，引用了别人的东西还带商业广告！~在此谢绝转载 一。 首先得写个动态添加Tab页的JS操作文件，我想在网上应该能找到，喜欢自己可以写 二 。其次是 写个动态添加Tab页的样式CSS文件，控制TAB标签等样式 &
效果图： 页面可以左右滑动，上面选项卡主题也会跟着动功能实现： 子组件： <template>
<view>
<!-- 顶部选项卡功能 -->
<view class="uni-tab-bar">
<scroll-view scroll-x="true" class
使用vue函数式组件创建 Vue.component('LmSubMenu', { functional: true, render: function (createElement, context) { console.log(context) let children = []; contex ...
转载
2021-08-19 15:56:00
449阅读
2评论
横排 <Menu> <MenuItem Header="_File"> <MenuItem Header="_New。¡ê。¡ê。¡ê"></MenuItem> <MenuItem Header="_Open。¡ê。¡ê。¡ê"></MenuItem> <Separator /> <MenuItem Header="S
转载
2011-11-26 17:06:00
90阅读
2评论
菜单的基本使用官方APImenu-resource在Android中
原创
2022-04-18 14:33:08
5543阅读
菜单的基本使用官方APImenu-resource在Android中，菜单被分为如下三种，选项菜单（OptionsMenu）、上下文菜单（ContextMenu）和子菜单（SubMenu）OptionsMenu效果图说明重写两个方法 public boolean onCreateOptionsMenu(Menu menu)：调用OptionMenu，在这里完成菜单初始化,只会在第一次初始化菜单时调
原创
2021-06-04 15:25:51
118阅读
