el-menu <el-menu default-active="1"> <el-submenu > <el-menu-item>
原创 2019-05-29 11:04:15
64阅读
# 实现 "vue img axios" 的步骤 ## 1. 安装Vue 首先,你需要在你的项目中安装Vue。在终端中运行以下命令: ```bash npm install vue ``` 这将会安装Vue的最新版本到你的项目中。 ## 2. 创建Vue项目 接下来,你需要创建一个Vue项目。运行以下命令来创建一个新的Vue项目: ```bash vue create my-project `
原创 2023-10-20 16:55:47
71阅读
方法一  使用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阅读
# Vue 在 iOS 上无法显示 img 标签的解决方案 在使用 Vue.js 开发 web 应用时,遇到图像无法在 iOS 设备上显示的情况并不罕见。这一问题通常源于多种因素,比如路径错误、格式不支持、样式问题等。本篇文章将介绍一些常见原因,以及如何通过示例代码解决这些问题。 ## 常见原因 ### 1. 图片路径错误 在项目中,图片路径通常是相对路径或绝对路径。如果路径不正确,就无法正
原创 8月前
50阅读
概念:组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑,为什么export default导出的对象中有个name属性,今天看过递归组件之后,才发现这个name属性的一个比较重要的作用。(当然。name属性的还有其他的用处)。用法:1、首先我们要知道,既然是递归组件,那么一定要有一个结束的条件,否则就会使用组件循环引用,最终出现“max
### Vue iOS 图片无法点击的解决方案 在移动开发中,特别是在处理 iOS 系统时,开发者经常会遇到图片无法点击的问题。这种情况通常是由于 CSS 的某些属性或是 Vue 的事件绑定不当导致的。本文将带您一步一步解决这个问题。 #### 整体流程 我们可以将整个解决方案分为以下几个步骤: | 步骤 | 描述 | |------|-
原创 11月前
62阅读
vue-day011.vue的介绍作者介绍 框架的介绍2.vue官网https://cn.vuejs.org/3.vue的优点 易用,灵活,高效4.库与框架区别 库:只具有某一种功能 框架:具备完整的功能   bootstrap   element-ui5.开发环境与生产环境开发环境地址:<script src="https://cdn.jsdelivr.net/npm
场景1.保存提交按钮不小心点击了多次。 2.由于服务器请求时间过长等原因点击事件没有及时响应又点击了一次,造成数据的重复提交和保存,数据的异常。 3.resize、scroll,输入框内容校验等频繁操作。原因由于axios提交数据为异步提交,点击提交按钮是通过xmlhttprequest向后端发送异步请求,发送请求后后端返回数据需要时间处理,如果第一次点击的请求尚未完成,又接二连三地提交了几次,同
转载 2024-10-23 11:42:43
102阅读
左侧菜单组件
原创 2023-06-05 13:53:18
380阅读
一、前言 利用Sass预处理实现换肤和字体大小调整。 思路及达到的效果:字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制。页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法:1.利用全局变量和bus事件,使用js方式调整字体和颜色(这里暂不讨论);      2.利用scss预处理方式实现      
转载 2024-07-13 05:43:43
478阅读
# Vue与jQuery结合使用动态赋值img src属性 在前端开发中,Vue与jQuery都是很流行的框架和库,各有各的优劣。Vue以其响应式的数据绑定和组件化开发而受到很多开发者的喜爱,而jQuery则以简洁的DOM操作而闻名。当我们需要在Vue中用到jQuery时,尤其是动态赋值图片的`src`属性,本文将为你详细介绍。 ## 什么是动态赋值? 动态赋值是指在运行时根据程序的需要,改
原创 2024-10-06 03:47:00
145阅读
在学习 Vue 时,我们都会写关于管理系统的项目,在管理项目中,我们必然会处理菜单模块,此文章重点介绍如何通过vue动态渲染menu组件。
原创 2023-08-19 15:15:45
983阅读
1点赞
后台管理系统一般通过菜单进行各个功能点的导航,在面临大量菜单时需要考虑如何设计使客户体验更加便捷。作者在最近几个百万级、千万级项目的开发实施过程中,用户对菜单导航结构提出一些修改意见,经过若干次迭代以优化操作体验,作者将迭代过程总结下做个分享。整体布局第一阶段传统树形菜单导航,根据项目的不同,有的采用横向排列,有的固定在左侧顶部菜单:从上到下分别为:标题栏、菜单栏、工作区侧边菜单:导航菜单占据整个
转载 2月前
531阅读
1、下载方法 1.打开阿里iconfont,记得登录才可以下载,将所要下载的图标依次添加至购物车,然后点击右上角的购物车,点击添加至项目 ,点击资源管理器=》我的项目 2、选择font class,可以点击下载至本地,也可以生成在线地址打开你的网页代码,添加link标签,将上面的代码粘贴到href属性下。注意需为路径添加“http:”字样。 然后使用i标签引用图标。图标名称可以
转载 8月前
146阅读
 当我在html模块或者css中引入图片的时候用相对路径,例:<div> <img src="../../assets/img/policeImg/tt.png"> </div>    这时候图片可以正常显示,但是我想把图片路径动态化,所以我会把图片路径绑定在data中。<div> <img :src="img"> &
转载 8月前
89阅读
文章目录一、安装二、图片裁剪三、将截图框回显到原图上四、其它 由于项目需要,需要做图片裁剪。之前的项目已经由cropper.js实现过,因为这次使用的是vue,所以采用了vue-cropper这个组件,使用起来很简单,但是坑也很多。一、安装npm install vue-croppermain.jsimport VueCropper from 'vue-cropper' Vue.use(VueC
                             vue-02:vue常见属性 一、vue属性集合1、属性集合:v-bind、v-if、v-else-if、v-else、v-for、v-html、v-model、v-on、v-onc
转载 2024-11-01 17:48:21
32阅读
组件中需要组件调用自身,这就是递归组件,递归组件需要声明name和自己引入自己并声明注册为组件,并且需要使用props进行传参,其还需要一个停止条件,否则会进入死循环。vue的递归组件和其v-for指令之间的关系和js中的for循环和递归函数一样,一个是有尽头,一个是不知道到底嵌套了多少层级。在vue中我们是数据驱动界面,根据数据来渲染界面,而很多数据我们是从后台获取,事先并不知道它会嵌套多少层,
转载 2024-02-26 16:53:01
399阅读
  • 1
  • 2
  • 3
  • 4
  • 5