我在其中具有父级和子级两个组件:
<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版?
VRow和VCol是仅包含在Vuetify 2.x中的组件。 Vuetify 1.5使用VLayout和VFlex进行网格布局。