在组件模板中使用<template> </template>标记

Question

在处理看起来像这样的组件时。

...
props: [
    'fType',
    'fName',
    'fChoiceValue',
],
template: `
    <template v-if="fType == ('text' || 'password')">
        <input v-bind:type="fType" v-bind:name="fName">
    </template>
`,

我发现vue不会在<template>标签之间呈现任何内容。如果不使用<span></span>来代替<template></template>，这样做的正确方法是什么？

Answer 1

Vue会警告你这件事。

  

不能使用<template>作为组件根元素，因为它可能包含   多个节点。

那就是说，既然你不想包装，并且从@Phil借用（你问题中的语法将始终使用等于fType的{​​{1}}来评估），你可以只渲染作为根的输入。

text

Example