sinat_34241861的博客

可以监听子控件的click事件，并调用e.stopPropagation()阻止click事件继续传递，这样外层的折叠面板父控件就接收不到click事件了代码：<template> <div> <a-collapse @change="handleCollapseChange($event, step, index)" draggable="true" @dragstart.native="dragStart($event, step, index)"&gt

问题出现场景实际工作项目中需要实现table表格的增改功能，添加与编辑页面使用了form表单填写信息。当添加/编辑页面填写完一次信息并提交后，再次点击添加/编辑按钮，form表单各项值仍为上一次数据的缓存解决方法汇总使用 resetFields() 解决，this.form.resetFields()若form表单中使用 initialValue 给表单各项赋初始值，使用此中方法最合适...

style.css通过设置css样式，可实现溢出内容以…代替，其中max-width的设置很重要，必须有/*统一table表格的尺寸*/.ant-table{ table-layout: fixed;}.ant-table-tbody > tr > td { max-width: 200px; min-width: 70px; border-bottom: 0...

导入外部css样式全局导入在项目的main.js中引入外部css样式资源import Vue from 'vue'import Antd from 'ant-design-vue'import 'ant-design-vue/dist/antd.css'import './assets/css/progressbar/progressbar1.css'import './ass...

了解原生的input，使用 @keyup.enter就可以；如果是element-ui，则要加上native限制符，这是由于element-ui把input进行了封装，原事件就不起作用了，代码如下：<a-input v-model="form.name" placeholder="昵称" @keyup.enter="submit"/><a-input v-model="f...

我的使用场景子组件向父组件传值，父组件在接受子组件传过来的值时，还会附加一些其他参数父组件的部分代码$event代表从子组件中传递过来的值；requestData、record.identifier、remark是父组件自身想要给方法传递的参数，并非来自子组件<template> <a-table :columns="columns" :dataSource="r...

Ant Design of Vue官网的按需引入ant-design-vue教程错误，正确步骤如下按需引入antd正确步骤