创建输入标签作为 v-model 的长度
P粉916553895
P粉916553895 2023-09-02 22:32:01
[Vue.js讨论组]

<div v-if="quesType === 'Çoktan Seçmeli'" class="row p-3 bg-dark text-light">
                <div class="col-4">
                  <select v-model="coktanSecmeli" class="form-select" name="" id="">
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                  </select>
                </div>
                <div v-for="item in coktanSecmeli">
                  <input type="text"/>
                </div>
              </div>

export default defineComponent({
  name: "SoruEkle",
  data() {
    const quesType = "";
    const coktanSecmeli = 0;
    return {
      quesType,
      coktanSecmeli,
    };
  },
  components: {
    ErrorMessage,
    Field,
    Form,
  },
  props: {
    widgetClasses: String,
  },
  methods: {},
});

我尝试过,但无法解决这个问题。我如何获取 v-model 的长度并使用该长度创建 html 标签作为该模型的长度。我也尝试过使用 array 和 v-html 但没有成功。

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>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号