qq_43437571的博客

出现的问题：页面一个滚动条，iframe引用的内容里有一个滚动条，非常难看。去掉双滚动条实现思想：子页面（即被引用页面）通过posyMessage把高度传给父页面（即引用页面，有iframe），父页面接收高度，重置本页面高度。代码如下：子页面：<div ref="son1"> <ul> <li>多写一点，增加高度</li><!-- 多写一点，增加高度 --> </ul></div>mou

页面使用了组件，渲染完之后获取到的高度明显不对，原来写在mounted里getHeight()获取不到。解决办法：用$nextTickVue.nextTick( [callback, context] )法一：在请求成功之后调用：this.$nextTick(() => { this.getHeight();});我用了这种可以使用。法二：假如法一拿不到，就用watch当获请求成功获取到值（监测到值发生变化）之后，调用$nextTick参考：vue中如何获取元素正确的宽

实现的效果：代码：父组件<template> <a-row :gutter="24"> <a-col :md="24"> <a-card title="递归实验"> <a-steps :current="current"> <a-step v-for="(item, index) in dataSteps" :key="index" :title="item.name"&gt

1、npm run dev 还是 npm run serve最近运行一些前端项目的时候，发现不同的项目有使用npm run dev，有的使用npm run serve，所以就很好奇，这是怎么回事，输入命令错误后，会报如下错，所以就想探究一下原因。下面是一些相关报错如下：npm run devnpm ERR! missing script: devnpm ERR! A complete log of this run can be found in:npm ERR! E:\nodejs\n

Steps 步骤条

如果antd中steps组件中提供的图标不能满足我们的要求，需要使用自定义的图片来实现，比如实现如下示例：实现代码如下：<template> <a-row :gutter="24"> <a-col :md="24"> <a-card title="步骤条"> <a-switch checked-children="横向" un-checked-children="纵向"

步骤条的图标比较单调，需要替换成有特定图标，从图库里选择需要的图标替换上去，改变之前的步骤条：替换图标之后的步骤条：核心：如果antd中steps组件中提供的图标有时候能满足我们的要求，可以使用框架中本身提供的icon来实现：使用slot插槽来实现实现代码如下：<template> <a-row :gutter="24"> <a-col :md="24"> <a-card title="步骤条"> <

1. 数据里是对象形式2. 固定列3. 数字或者布尔值转换为文字显示在表格里4. 时间格式化5. 添加操作栏6. 文字居中

antd+vue表格固定列之后出现空白列，如下：代码如下：<a-col :md="24"> <h4>表格固定列</h4> <a-table :columns="columns" :data-source="dataTable" :scroll="{ x: 900 }" bordered> <a slot="action" slot-scope="text, record" href="javascript:;"

antd+vue卡片的标题如何居中？代码如下：<a-card title="卡片标题" :headStyle="{ 'text-align': 'center' }"></a-card>

使用v-if可以达到效果<a-modal title="对话框" :width="800" v-if="visible" :visible="visible" ok-text="确认" cancel-text="取消" @ok="handleOk" @cancel="handelCancel"></a-modal>data里面先给到visible为false...

本文解决了三个问题，先上代码再详细说：<template> <a-table rowKey="id" :columns="columns" :dataSource="data" :scroll="{ x: 1000}" bordered> <span slot="type" slot-scope="type">{{type === 0 ? "是" : "否"}}</span> <span slot="time" slot-scope

成功请求过一次，第二次再看，点击提交按钮，没有任何反应，看newwork里的信息，发现Request Headers一栏报这个问题：provisional headers are shown网上查了很多办法，也设置preventDefault了，也隐身窗口看了，都是这个报错，换个浏览器干脆打不开这个网页，比较乌龙的是解决办法很简单，后台断点断住了，不能往下走，但是我明明按了F9下一步，也没有解决，应该是以前打了断点没取消，所以这次的问题比较蠢，记录一下。以后打完断点一定记得取消。在IDEA里查看所有

报错如下：Warning: Each record in dataSource of table should have a unique key prop, or set rowKey of Table to an unique primary keyantdesign结合vue，使用table组件的时候，报错翻译如下：表的数据源中的每个记录应具有唯一的“键”属性，或将表的“行键”设置为唯一的主键看大家给的办法都是这样： <table rowKey={record => recor

ant design结合vue项目报错，出现如下问题：原因：按需加载，剔除掉了一些不需要的框架组件，减少了编译支持库包大小。当需要更多组件依赖时，在文件加入即可解决：找到components_use.js 文件，import { autoComplete, }Vue.use(autoComplete)保存刷新即可...