创建输入标签作为 v-model 的长度
P粉916553895
P粉916553895 2023-09-02 22:32:01
[Vue.js讨论组]
<p><pre class="brush:php;toolbar:false;">&lt;div v-if=&quot;quesType === 'Çoktan Seçmeli'&quot; class=&quot;row p-3 bg-dark text-light&quot;&gt; &lt;div class=&quot;col-4&quot;&gt; &lt;select v-model=&quot;coktanSecmeli&quot; class=&quot;form-select&quot; name=&quot;&quot; id=&quot;&quot;&gt; &lt;option value=&quot;3&quot;&gt;3&lt;/option&gt; &lt;option value=&quot;4&quot;&gt;4&lt;/option&gt; &lt;option value=&quot;5&quot;&gt;5&lt;/option&gt; &lt;option value=&quot;6&quot;&gt;6&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div v-for=&quot;item in coktanSecmeli&quot;&gt; &lt;input type=&quot;text&quot;/&gt; &lt;/div&gt; &lt;/div&gt; export default defineComponent({ name: &quot;SoruEkle&quot;, data() { const quesType = &quot;&quot;; const coktanSecmeli = 0; return { quesType, coktanSecmeli, }; }, components: { ErrorMessage, Field, Form, }, props: { widgetClasses: String, }, methods: {}, });</pre> <p>我尝试过,但无法解决这个问题。我如何获取 v-model 的长度并使用该长度创建 html 标签作为该模型的长度。我也尝试过使用 array 和 v-html 但没有成功。</p>
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>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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