未知的自定义元素：<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进行网格布局。