iview 使用button组件

clipboard.png

这段警告应该是使用button组件有问题
页面显示什么功能都可以实现
project-details.vue

<template>
    <card>
        <tabs>
            <tab-pane label="机构项目" icon="android-list">
                <organization-project></organization-project>
            </tab-pane>
            <tab-pane label="设备信息" icon="cube">
                <facility-information></facility-information>
            </tab-pane>
        </tabs>
        <Button style="position: absolute;left: -56px;z-index: 999999;"  slot="extra" type="primary" @click="back" size="small">返回</Button>
    </card>
</template>
    import FacilityInformation from "./facility-information";
    import OrganizationProject from "./organization-project";
    import iview from "iview"
    export default {
        name: 'project-details',
        components: {
            OrganizationProject,
            FacilityInformation
        },
        props: [],
        data() {
            return {}
        },
        methods: {
            //返回
            back: function () {
                this.$ROUTER.go(-1);
            }
        },
        mounted() {
        }
    }

organization-project组件用到的 button 组件就是按照官网正常使用

找到iview组件中button

clipboard.png

改了半天警告还是一直在

阅读 6.7k
2 个回答

不太确定,你是不是FacilityInformation和OrganizationProject其中一个组件是modal弹出框,里面包含的button size属性设置可能有问题

size属性没传对吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题