创建输入标签作为 v-model 的长度
P粉916553895
P粉916553895 2023-09-02 22:32:01
0
1
456
<p><pre class="brush:php;toolbar:false;"><div v-if="quesType === 'Çoktan Seçmeli'" class="p-3 行 bg-dark text-light"> <div class="col-4"> <选择 v-model=“coktanSecmeli”类=“表单选择”名称=“” id=""> <选项值=“3”>3</选项> <选项值=“4”>4</选项> <选项值=“5”>5</选项> <选项值=“6”>6</选项> </选择>
<div v-for=“coktanSecmeli 中的项目”> <输入类型=“文本”/>
导出默认定义组件({ 名称:“索鲁埃克勒”, 数据() { const quesType = “”; 常量 coktanSecmeli = 0; 返回 { 问题类型, 科克坦塞梅利, }; }, 成分: { 错误信息, 场地, 形式, }, 道具: { 小部件类:字符串, }, 方法: {}, });</pre> <p>我尝试过,但无法解决这个问题。我如何获取 v-model 的长度并使用该长度创建 html 标签作为该模型的长度。我也尝试过使用数组和 v-html 但没有成功。< ;/p>
1
0
0
P粉916553895
P粉916553895

全部回复(1)
P粉190883225

您必须为 coktanSecmeli 创建一个范围。让我们为此定义计算属性:

range() {
  return [...Array(this.coktanSecmeli).keys()];
}

或者使用标准语法:

range() {
  return Array.from(Array(this.coktanSecmeli).keys());
}

那么您应该将此范围用于v-for

<div v-for="key in range">
  <input type="text" :key="key"/>
</div>
热门专题
更多>
热门文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板