写项目需要用ref获取dom对象来获取元素的属性，Vue的ref属性非常好用，但是今天碰到了问题。 <div v-for="(item, index) in items" :key="index"> <div ref="content"> </div> </div> 定义了以上循环，循环内有个div，…

标题很拗口，但是就是这个意思。 问题 本问题实际描述是，当使用select组件，并且为option使用了插槽之后，像官方里的那样使用style="float: right;" 后 导致错位，如下图所示 右边的tag贴顶了，但是返回去看官方文档里的代码，却没有问题。 仔细看官方的例子，官方在插槽里用的是纯文本<span></span…

需求描述 1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标） 实现方法 Swich默认是boolean类型，而后台传值为number类型，这个时候我们需要用number来取代boolean类型；   <template #default="{ row }"> <el-switch v-model="row.…

问题 开了新坑，打算试试Vuetify.js 按照官网说明折腾了半天之后算是跑起来了。css样式文件也加载进来，但是加载组件后发现基本样式丢失，颜色也是黑白的，并且console也没有报错。 解决 经过翻文档和查资料，发现是Vuetify要求必须把组件包含在<v-app>标签内。于是乎我把App.vue 内的路由外包了一层<v-a…

代码 直接上效果图 我本来以为这个彩色的边框是个背景图片，看了一下源码竟然是个background样式，看来我学识还是太浅。 拿走了拿走了#滑稽 使用方法 实现这个效果需要2个div嵌套，外层的我取class为outer-div，内层的我取class为inner-div .outer-div{ background: linear-gradient…

首次分析 首先按照正常流程进行，抓包查看登录提交的数据。 Header如下 POST http://jwgl.ayit.edu.cn/cas/logon.action HTTP/1.1 Host: jwgl.ayit.edu.cn Connection: keep-alive Content-Length: 1124 Accept: text/pl…

软件介绍 产品名：微官网 英文名：WeeIndex 简介：这是一个纯前端的简单单页面网站，适用于小工具、小软件当作官网网站。软件采用Vue.js开发，使用AntDesign UI 及其设计规范。 特点：全站所有内容均可通过json自定义。 结构：Header + Left Content + Right Content + Footer(版权不可修…

透明度百分比对应的十六进制: (说明:百分比计算出来会有小数,按照常规的四舍五入处理,详情请往下查看) 百分比:0% HEX: 00 百分比:1% HEX: 30 百分比:2% HEX: 50 百分比:3% HEX: 80 百分比:4% HEX: A0 百分比:5% HEX: D0 百分比:6% HEX: F0 百分比:7% HEX: 12 百分比…

前言 自己的项目需要做一个通讯录的功能，看了看网络上分享的相关的代码都不太和我心意，所以，作为一个微博认证的前端工程师(*/ω＼*)，这点东西还是难不倒我的hhh୧(๑•̀⌄•́๑)૭ 需求 要做的是通讯录组件，大体就是要有如下几个功能 1、按名字首字母分栏和排序 2、在浏览时显示当前浏览的是哪个首字母 3、右侧要有筛选索引，A~Z和# 有了明确的…

该说的话写前面 SB支付宝，都TM9102年了，你还给我返form让我执行 由于写本文事作者非常生气，所以布局可能比较杂乱，但是请您一定看完，绝对有效！ 网上的代码我都试了，要么是无法跳转，要么是跳转回当前页面（_blank之后还是当前页面）。 捉摸了几个小时之后，最终解决办法 let divForm = document.getElementsB…