未知的自定义元素：<v-row> - 您是否正确注册了组件错误

Question

我里面有两个组件父组件和子组件，如下所示：

<parent-comp>
    <links-encoded v-if="isEncodeOpen"></links-encoded>
</parent-comp>

vue 文件有这样的代码

import LinksEncodedComponent from './links-encoded/links-encoded.component.vue';


    components: {
        'links-encoded': LinksEncodedComponent
    },

链接编码 html

<v-flex class="text-sm-left">
            <v-form>
                <v-container>
                  <v-row>
                <v-col cols="12" sm="12">
                    <v-text-field
                      value="test" name="John"
                      label="Protocol"
                      readonly
                    ></v-text-field>
                  </v-col>
                </v-row>
                </v-container>
              </v-form>
            </v-flex>

例如，这可以正常工作

<v-flex class="text-sm-left">
            <v-form>
                <v-container>
              <v-col cols="12" sm="12">
                <v-textarea
                name="input-7-1"
                label="Default style"
                value="The Woodman"
              ></v-textarea>
              </v-col>
            </v-container>
          </v-form>
        </v-flex>   

这怎么可能？也许是因为我使用的是1.5版本？

Answer 1

VRow 和 VCol 是仅在 Vuetify 2.x 中引入的组件。Vuetify 1.5 使用 VLayout 和 VFlex 进行网格布局。