会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
万物复苏
博客园
首页
新随笔
联系
管理
订阅
2022年2月24日
navigator.userAgent获取浏览器信息
摘要: 在开发时有时候需要做到兼容各种浏览器,因此要判断出浏览器的类型及系统是很有必要的 User-Agent是什么? userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navig
阅读全文
posted @ 2022-02-24 14:39 万物复苏
阅读(516)
评论(0)
推荐(0)
2022年2月18日
按钮(图标+文字/进度)大小屏幕适配
摘要: 需求:在大屏幕下按钮上展示图标和文字, 在小于1680屏幕下展示图标, 在点击下载文件后,显示进度,在大屏下显示图标+进度 , 在小屏幕下只展示进度 代码实现案例: <template> <div> <div class="buttonBox"> <a-button type="primary" @
阅读全文
posted @ 2022-02-18 12:19 万物复苏
阅读(154)
评论(0)
推荐(0)
定时器中的函数先执行一次,后来按照时间执行
摘要: 1.定义一个需要执行的函数方法 2.设置一个函数将需要执行的函数先执行一编,然后返回的是一个定时器函数 <template> <div> <div> 进度:{{progress}}</div> </div> </template> <script> export default ({ data()
阅读全文
posted @ 2022-02-18 11:31 万物复苏
阅读(357)
评论(0)
推荐(0)
vue监听屏幕变化
摘要: 因为我需要监听屏幕宽度的变化,但是又不是每一个页面都需要,然后我就将下面的代码写到了一个js文件里面,通过mixin引入到需要的页面 监听屏幕变化的js文件: export const screenWidth = { data() { return { screenWidth: null, } },
阅读全文
posted @ 2022-02-18 10:57 万物复苏
阅读(865)
评论(0)
推荐(0)
2022年2月9日
antd中table 动态改变disabled
摘要: 目的:点击某个按钮之后使得table中行动态改变disabled值 去看table组件中rowSelection的配置,getCheckboxProps可以用来设置选择框的默认属性,那么如果想要动态改变,怎么解决? 后来发现实现方法还是要依赖getCheckboxProps <template> <
阅读全文
posted @ 2022-02-09 12:06 万物复苏
阅读(1932)
评论(0)
推荐(0)
2022年1月28日
antd 中tooltip如何修改样式
摘要: 1.如下图一所示,antd中文字提示的样式默认是这样的,但给出的原型图样式是图二 图一 图二 2.修改 ①将文字提示的上外边距变小 ②将小三角去掉 ③修改padding ④修改字体大小
阅读全文
posted @ 2022-01-28 16:50 万物复苏
阅读(2174)
评论(0)
推荐(0)
2022年1月25日
antd 中 穿梭框的使用
摘要: 穿梭选择框用直观的方式在两栏中移动元素,完成选择行为。 选择一个或以上的选项后,点击对应的方向键,可以把选中的选项移动到另一栏。其中,左边一栏为 source,右边一栏为 target <template> <div> <a-transfer show-search :data-source="mo
阅读全文
posted @ 2022-01-25 10:13 万物复苏
阅读(2144)
评论(0)
推荐(0)
2022年1月20日
学习使用$set
摘要: 学习使用$set 当我们想给data中的person对象添加一个age属性时,点击“添加age属性”按钮,发现person对象已经添加了age属性,但是在视图中并没有更新 <template> <div > <label>姓名:</label> <input v-model="person.name
阅读全文
posted @ 2022-01-20 15:16 万物复苏
阅读(294)
评论(0)
推荐(0)
2022年1月19日
vue-seamless-scroll使用中遇到关于click点击时间时而不生效的问题
摘要: 1.检查 通过检查发现,这是把要滚动的部分复制一份,滚动这两部分相同的内容,进而实现无缝连续滚动 2.遇到的问题 当第一部分中的数据未滚动完时,第二部分的click事件不起作用,无法实现功能 3.解决办法 原因:第二部分无法操作和js的运行机制有关,需要重新绑定事件 解决:给外层div加点击事件,通
阅读全文
posted @ 2022-01-19 15:17 万物复苏
阅读(1566)
评论(0)
推荐(0)
vue-seamless-scroll 的使用
摘要: 1.安装 npm install vue-seamless-scroll --save 2.注册组件 // (1)全局 在main.js中 import Vue from 'vue' import scroll from 'vue-seamless-scroll' Vue.use(scroll) /
阅读全文
posted @ 2022-01-19 14:15 万物复苏
阅读(937)
评论(0)
推荐(0)
下一页
公告