广告位联系
返回顶部
>>> TAG标签:vue 的结果
  • 详解vue仿携程轮播图效果(滑动轮播,下方高度自适应)
    先看案例,使用vue+swiper实现,slide不同高度时,动态计算盒子高度,让其下方高度自适应的效果 首先搭建vue项目,这里不做过多说明,然后安装swiper npm install swiper --save-dev 1. js部分:初始化swiper组件,vue要在mounted生命周期中进行初始化,代码
    2515
    2021-02-12
    JavaScript
  • Vue开发人员的7个最好的VSCode扩展的介绍
    在Visual Studio中添加正确的VS Code扩展可以让你作为开发者的生活变得更加轻松。 它们可以帮助格式化、可伸缩性、强制执行最佳实践,从而自动化开发过程中许多容易忘记的任务。它们也可以只是有趣的扩展,使我们的代码看起来更漂亮/更容易编写。 作为一个Vu
    1209
    2021-01-20
    JavaScript
  • vue element el-transfer增加拖拽功能的实现
    芯资管项目要求el-transfer增加拖拽排序,左右上下互相拖拽功能;原来的组件不支持拖拽,这里要用个第三方脱宅组件sortablejs 首先安装 1 sudo npm i sortablejs --save-dev html代码 1 2 3 4 5 template el-transfer ref = transfer id = transfer v-model
    1036
    2021-01-15
    JavaScript
  • Vue2.4+新增属性.sync、$attrs、$listeners的使用介绍
    sync 在vue2.4以前,父组件向子组件传值用props;子组件不能直接更改父组件传入的值,需要通过$emit触发自定义事件,通知父组件改变后的值。比较繁琐,写法如下: //父组件template div class=parent p父组件传入子组件的值:{{name}}/p fieldset legend子组
    6809
    2020-03-08
    JavaScript
  • 详解vue+springboot前后端分离工程跨域问题的解决
    假如是在同一台机器上开发,前后端分离的工程中出现跨域问题的原因是,前端工程和后端工程运行在不同的端口上。只要协议、域名、端口有一个不同就会产生跨域问题,所以在前端工程中请求后端的接口时就会因为端口不同而产生跨域问题。 一、解决跨域的原理
    2101
    2020-03-07
    java
  • Vue中使用better-scroll实现轮播图组件的方法
    better-scroll 是什么 better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 better-scroll 是基于
    17176
    2020-03-07
    JavaScript
  • vue使用canvas实现手写电子签名的方法
    功能 兼容 PC 和 Mobile; 画布自适应屏幕大小变化(窗口缩放、屏幕旋转时画布无需重置,自动校正坐标偏移); 自定义画布尺寸(导出图尺寸),画笔粗细、颜色,画布背景色; 支持裁剪 (针对需求:有的签字需要裁剪掉四周空白)。 导出图片格式为 base64 ;
    8485
    2020-03-06
    JavaScript
  • vue中使用vue-print.js实现多页打印的教程
    引入安装vue-print.js ? 1 cnpm i vue-printjs --save-dev 解决打印多页只出现一页问题 由于打印插件存在问题,如果打印文件超出一页,只显示一页,所以我们需要修改print.js源文件,所以只能手动下载vue-print.js到本地,做一些修改,然后引入到项目中,不
    1487
    2020-03-05
    JavaScript
  • VUE实现Studio管理后台之鼠标拖放改变窗口大小的代码
    近期改版RXEditor,把改版过程,用到的技术点,记录下来。昨天完成了静态页面的制作,制作过程并未详细记录,后期已经不愿再补了,有些遗憾。不过工作成果完整保留在github上,地址: https://github.com/vularsoft/studio-ui 这个项目下面的html-demo.html
    11968
    2020-03-04
    JavaScript
  • 使用Vue自定义文件选择器组件的实现方法
    本文 GitHub https://github.com/qq44924588 ... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 文件选择元素是web上最难看的 input 类型之一。它们在每个浏览
    9040
    2020-03-04
    JavaScript
  • vue请求数据的三种方式的介绍
    请求数据的方式: vue-resource 官方提供的 vue的一个插件 axios fetch-jsonp 一,vue-resource请求数据 介绍:vue-resource请求数据方式是官方提供的一个插件 使用步骤: 1、安装vue-resource模块 cnpm install vue-resource --save 加--save是为了在packag
    6346
    2020-03-04
    JavaScript
  • vue自定义组件的写法与用法介绍
    三个技能,父组件 子组件传值(props)、子组件 父组件传值(emit用来使这个独立的组件通过一些逻辑来融入其他组件中。举个具体点的例子,假如你要做一辆车,车轮是要封装的一个独立组件,props指的就是根据整个车的外形你可以给轮子设置一些你想要的且符合
    838
    2020-03-04
    JavaScript
  • 详解Vue axios与Go Frame后端框架的Options请求跨域
    跨域问题可从前后两端分开排查: 前端:Vue + axios axios 请求头使用 Content-Type: application/json, 并且在Header中设置了 Authorization 字段用于传递 Token, 参数未经 Qs 转码, 使用以下代码测试登录接口: ? 1 2 3 4 5 6 7 8 // 为方便操作,已将
    9558
    2020-03-03
    JavaScript
  • vue中如何改变滚动条样式
    这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 今天在自己开发的一个项目中,需求是让浏览器的滚动轴变细。想了好长时间才完成,在目前的测试中,滚
    5587
    2020-03-03
    JavaScript
  • 详解使用vue打包进行云服务器上传的问题
    vue中目录最后的vue.config.js文件中第27行的pulicpath改成./ src目录下的man.js中30到33行注释掉 将目录中的.env.development和.env.production中的 改成自己的域名和端口号 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下来就是打包环节了 打开
    16548
    2020-03-02
    JavaScript
  • Vue Router的手写实现方法
    为什么需要前端路由 在前后端分离的现在,大部分应用的展示方式都变成了 SPA(单页面应用 Single Page Application)的模式。为什么会选择 SPA 呢?原因在于: 用户的所有操作都在同一个页面下进行,不进行页面的跳转。用户体验好。 对比多页面,单页面不需
    12770
    2020-03-02
    JavaScript
  • 详解vue实现购物车选择功能
    使用vue制作一个购物车功能,只是一个测试版本,注重的是功能实现,界面并没有做好,数据也是模拟数据等 代码如下: template div id=app 全选input type=checkbox v-model=checkall @change=check_all() div v-for=(item,index) in mylist :key=index span{
    19244
    2020-01-11
    JavaScript
  • Vue实现多标签选择器的方法
    效果图: 实现代码 html lang=en head titleDocument/title !-- 引入本地组件库 -- link rel=stylesheet href=static/element-ui/index.css script src=static/element-ui/vue.js/script script src=static/element-ui/index.js/script !-- 引入CDN样式 -- !
    1943
    2019-11-28
    JavaScript
  • vue的过渡动画无法正常实现问题
    前记:最近在写vue的一个项目要实现过渡的效果,虽然vue动画不是强项,库也多,但是基本的坑还是得踩扎实; 建议:先学习vue官方文档的 进入/离开 列表过渡 章节,那么我们来看bug; 首先上出现问题的代码 !DOCTYPE htmlhtmlhead title/title style type=text/c
    1377
    2019-11-01
    JavaScript
  • vue表单中遍历表单操作按钮的显示隐藏
    使用情况,vue中返回的数据循环遍历如果用到v-if时不能直接赋值true 或者false,要true 或者false push到数组里面,隐藏或显示时用 splice方法。 以下是详情 1. 第一步先在data中定义数组 data () { return { passSaveShow: [], // 通行组保存和取消的显示隐
    6684
    2019-10-30
    JavaScript
  • vue异步数据影响页面渲染
    今天遇到一个问题,要保证页面渲染前请求的数据已经得到了 由于user是在异步请求之后保存在session中,而在页面渲染时session中还没有user,页面直接报错。 因此我希望能在所有请求都得到后再去做页面的渲染。 1.先把id为app的div用v-if=appShow,定义appShow
    1615
    2019-10-29
    JavaScript
  • VUE实现强制渲染和强制更新
    列表渲染,以下数组操作方法可触发渲染 push()pop()shift()unshift()splice()sort()reverse() 当采用特殊方法操作数组后,导致无法更新数据到UI,此时可使用强制渲染。 方法如下 this.$forceUpdate()
    200
    2019-10-29
    JavaScript
  • vue实现二级导航栏效果
    实现如下功能效果图: 在.vue文件中,template中的内容如下: template div id=app nav class=sidebar ul class=menu li v-for=(navList,index) in navLists :key=index class=forRealitive v-on:mouseover=showToggle(index) v-on:mouseout=handleHide a cl
    697
    2019-10-19
    JavaScript
  • 详解springboot和vue前后端分离开发跨域登陆问题
    前后端分离开发中,一般都会遇到请求跨域问题。而且一般也会遇到登陆失效问题。今天就以springboot和vue为例来看如何解决上述问题 增加过滤器 @WebFilter@Componentpublic class CorsFilter implements Filter { @Override public void doFilter(ServletRequ
    18252
    2019-09-13
    java
  • vue实现抖音时间转盘的方法
    具体效果如下: 做了一个抖音时间转盘,还挺简单的,可能我做的很粗糙 用vue做的 才160行代码。 其实很简单 只是大部分人被这个圆给迷惑了 这个圆就是用简单css3就能做 通过rotate来修改计算就能展示出来了。 然后贴代码。 template div class=main div clas
    1220
    2019-09-08
    JavaScript
  • 解决Vue调用springboot接口403跨域问题
    最近在做一个前后端分离的项目, 前端用的是Vue后端使用的是springboot, 在项目整合的时候发现前端调用后端接口报错403跨域请求问题 前端跨域请求已解决, 那么问题就出在后端了, 找了一些资料找到了很多种方法, 这里说两个简单粗暴的. 注意 : @CrossOrigin
    1132
    2019-09-03
    JavaScript
  • vue中使用AES实现密码加密解密(ECB和CBC两种模式)
    vue项目中使用AES实现密码加密解密 区别 ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。 CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强
    878
    2019-08-12
    JavaScript
  • vue-cli 首屏加载优化的问题!
    今天小编给大家介绍vue-cli 首屏加载优化的问题! 使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体, 打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码 router/index.js 路由相关信息,该路由文
    226
    2018-11-09
    JavaScript
  • mint-ui在vue中的使用示例
    本文介绍了mint-ui在vue中的使用示例,分享给大家,具体如下: 近来在使用mint-ui,发现部分插件在讲解上并不是很详细,部分实例找不到使用的代码。github上面的分享,里面都是markdown文件,内容就是网上的文档 刚好自己在用,网上能找到的资料也不是很详细
    198
    2018-04-18
    JavaScript
共3页/87条 首页 上一页 1 2 3 下一页 末页
热门文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计