随笔分类 - vue学习
摘要：在做公司的项目时，需要将行政区与区块联系下拉，导致加载的数据过多，页面响应慢，因此可以考虑使用分页的方式，用户在下拉到底部时加载更多的数据，一直到数据加载完。 ant design for vue 的select提供了popupScroll方法 具体的实现如下 <a-select style="wi
阅读全文
摘要：eventBus 适用于不同页面传递值，当然也可以用vuex， 本篇讲解的是如何使用吃，并销毁eventBus 我在A页面中发布 1 mounted(){ 2 eventBus.$on("clickLeft",(id)=>{ 3 this.groupId = id; 4 this.getTableD
阅读全文
摘要：antv生成多级菜单代码如下 <template> <a-menu mode="inline" :defaultSelectedKeys="['child00']" :openKeys="openKeys" @openChange="onOpenChange" > <template v-for='
阅读全文
摘要：最近在测试数据的时候， 请求本地数据一直报404，如图所示 因为最新的vue-cli3.0生成的项目，静态文件变成了public文件，最开始请求的static文件中的json也是报错，就查看了很多的资料，最后发现改了本地请求需要在public文件中新建一个js文件，在js文件中添加json的本地数据
阅读全文
摘要：问题描述： 使用webpack打包vue后， 将打包好的文件， 发布到tomcat上， 访问成功，但是刷新该页面后报404错误。 问题根源： 是html5 history模式引发的问题， 具体的原因， 官方那个已经给了解释，查看 https://router.vuejs.org/zh-cn/esse
阅读全文
摘要：柱状图、折线图、环图的常用配置(配置连接地址https://v-charts.js.org/#/line) :data 绑定基本数据 :settings 绑定基本配置 :legend图例 grid绘制整个区域 title： 环形图中间的文字说明 :extend 最终所有的配置都可以用这个值重新设置
阅读全文
摘要：<a-menu theme="dark" mode="horizontal" class="menu__a" @select="changeMenu" :defaultSelectedKeys="[$route.name]" :selectedKeys="[$route.name]"> <a-men
阅读全文
摘要：1、为table添加分页： :pagination="pagination" pagination: { defaultPageSize: 10, showTotal: (total) => `共${total} 条数据`, total: 0, showSizeChanger: true, pageSizeOptions: ['10', '20', '50'], onShowSizeChange:
阅读全文
摘要：例如： 想要回显id为1的温度， 结果直接在select框中显示了1，而不是选中了温度， 此时因为select中的value是string类型， 而我们设置的id是number类型， 对应不上， 所以想要选中value为1的option， 就需要把id.toString()
阅读全文
摘要：// 设置可选最大日期 disabledEndDate (endValue) { const startValue = new Date() if (!endValue || !startValue) { return false } return startValue.valueOf() <= endValue.val...
阅读全文
摘要：错误重现： 在使用ant design for vue 的选择器插件的时候， 设置默认为为id(为数字) 报错： 解决办法： id为数字， 而defaultValue 的key 值必须为字符串， 将id转化为字符串即可
阅读全文
摘要：1、使用customRequest customRequest 通过覆盖默认的上传行为，可以自定义自己的上传实现 Function 定义customRequest，之前定义action行为会被覆盖，可以注释掉
阅读全文
摘要：一般有三种方法： 方法一： 通过a标签下载 优点：简单方便。缺点：这种下载方式只支持Firefox和Chrome不支持IE和Safari，兼容性不够好。 方法二：通过window.location 优点：简单方便。缺点：只能进行get请求，当有token校验的时候不方便。 方法三：通过请求后台接口
阅读全文
摘要：1、query方式传参和接收参数（相当于get请求） 注意： 传参是this.$router， 接收参数是 this.$route 2、params 方式传参和接收参数， 相当于post请求 注意: 1、params传参，push里面只能是 name:'xxxx',不能是path:'/xxx',因为
阅读全文
摘要：问题： 在使用npm run build 打包后， 如果在页面中使用img标签引入，打包后的路径是由index.html开始访问的，真正访问的是Static/img/图片名， 是正确的， 但是写在css 中的background: url("../../assets/***.png") 0 0 no
阅读全文
摘要：在浏览器上浏览vue项目时，后退按钮是可以正常返回上一页的，但是打包成app后，点击手机上的屋里返回按钮，就直接退出app回到桌面了， 以下是解决办法： 使用mui进行手机的物理键的监听 1、首先安装 vue-awesome-mui 2、在main.js中注册并使用 3、在index.html中写如
阅读全文
摘要：1、首先使用的是vue-cli构建的页面，用hbuildX打包成移动端的安装包(hbuildX打包成app的流程，请看自行搜索) 2、cnpm install build 生成dist文件夹，里面包含static+index.html 3、将dist文件夹直接复制在hbuilderX中，打包成移动端
阅读全文
摘要：item 是向后台请求的一条数据，里面包含img，但是却提示img未定义 父组件向子组件传递数据时， 子组件 具体代码： 提示： 出现的原因： 可能是页面渲染和请求数据是异步操作， 数据还未请求结束，页面已经开始渲染了，所以刚开始报未定义变量， 等数据获取结束后，再次渲染，页面内容出来了，但是刚开始
阅读全文
摘要：整体架构：此处npm安装过于缓慢，因此使用的是淘宝的镜像cnpm vue+webpack 初始化项目：1、安装vue： cnpm install vue 检验版本： vue -V2、创建一个vue项目： 全局安装vue-cli： cnpm install -g vue-cli 创建一个基于webpa
阅读全文
浙公网安备 33010602011771号