摘要：
在开发时有时候需要做到兼容各种浏览器，因此要判断出浏览器的类型及系统是很有必要的 User-Agent是什么？ userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。 一般来讲，它是在 navigator.appCodeName 的值之后加上斜线和 navig 阅读全文
摘要：
需求：在大屏幕下按钮上展示图标和文字， 在小于1680屏幕下展示图标， 在点击下载文件后，显示进度，在大屏下显示图标+进度 ， 在小屏幕下只展示进度 代码实现案例： <template> <div> <div class="buttonBox"> <a-button type="primary" @ 阅读全文
摘要：
1.定义一个需要执行的函数方法 2.设置一个函数将需要执行的函数先执行一编，然后返回的是一个定时器函数 <template> <div> <div> 进度：{{progress}}</div> </div> </template> <script> export default ({ data() 阅读全文
摘要：
因为我需要监听屏幕宽度的变化，但是又不是每一个页面都需要，然后我就将下面的代码写到了一个js文件里面，通过mixin引入到需要的页面 监听屏幕变化的js文件： export const screenWidth = { data() { return { screenWidth: null, } }, 阅读全文
摘要：
目的：点击某个按钮之后使得table中行动态改变disabled值 去看table组件中rowSelection的配置，getCheckboxProps可以用来设置选择框的默认属性，那么如果想要动态改变，怎么解决？ 后来发现实现方法还是要依赖getCheckboxProps <template> < 阅读全文
摘要：
1.如下图一所示，antd中文字提示的样式默认是这样的，但给出的原型图样式是图二 图一 图二 2.修改 ①将文字提示的上外边距变小 ②将小三角去掉 ③修改padding ④修改字体大小 阅读全文
摘要：
穿梭选择框用直观的方式在两栏中移动元素，完成选择行为。 选择一个或以上的选项后，点击对应的方向键，可以把选中的选项移动到另一栏。其中，左边一栏为 source，右边一栏为 target <template> <div> <a-transfer show-search :data-source="mo 阅读全文
摘要：
学习使用$set 当我们想给data中的person对象添加一个age属性时，点击“添加age属性”按钮，发现person对象已经添加了age属性，但是在视图中并没有更新 <template> <div > <label>姓名：</label> <input v-model="person.name 阅读全文
摘要：
1.检查 通过检查发现，这是把要滚动的部分复制一份，滚动这两部分相同的内容，进而实现无缝连续滚动 2.遇到的问题 当第一部分中的数据未滚动完时,第二部分的click事件不起作用，无法实现功能 3.解决办法 原因：第二部分无法操作和js的运行机制有关，需要重新绑定事件 解决：给外层div加点击事件，通 阅读全文
摘要：
1.安装 npm install vue-seamless-scroll --save 2.注册组件 // （1）全局 在main.js中 import Vue from 'vue' import scroll from 'vue-seamless-scroll' Vue.use(scroll) / 阅读全文