Error: Can‘t resolve ‘@/components/uni-grid/uni-grid.vue‘

顽强的小豆子

于 2022-06-02 23:08:12 发布

阅读量962

点赞数

文章标签： vue.js javascript 前端 uni-ui

本文链接：https://blog.youkuaiyun.com/qiuyushuofeng/article/details/125108214

版权

本文介绍了如何在HBuilderX中使用uni-grid 1.4.0版本组件，无需导入和注册，通过直接添加到模板中实现布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新版本不需要引入和注册

import uniGrid from "@/components/uni-grid/uni-grid.vue"

import uniGridItem from "@/components/uni-grid-item/uni-grid-item.vue"

components: {uniGrid,uniGridItem}

使用uni-grid（版本：1.4.0 ）的步骤

1.点击HbuilderX导入插件

点击使用hbuilderX导入插件会出现

2.添加内容，无需引入import及使用components注册

<template>
    <view class="content">
        <uni-grid :column="3">
          <uni-grid-item>
            <text class="text">文本</text>
          </uni-grid-item>
          <uni-grid-item>
            <text class="text">文本</text>
          </uni-grid-item>
          <uni-grid-item>
            <text class="text">文本</text>
          </uni-grid-item>
        </uni-grid>
    </view>
</template>