無法添加input框,添加后vue中什么都不顯示
uj5u.com熱心網友回復:
問題可以再描述細致點uj5u.com熱心網友回復:
就是,一個div元素將他變成文本輸入框,無法改變,并且導致其他元素無法正常顯示
uj5u.com熱心網友回復:
用 v-html 添加元素<div v-html="inputHtml"></div>
data() {
return {
inputHtml: '<input type="text">'
};
}
uj5u.com熱心網友回復:
你為什么不用v-if v-show去控制,動態的不可控uj5u.com熱心網友回復:
定義一個數字,然后v-for這個數字,里邊寫上input, 數字是多少就會創建多少個輸入框。uj5u.com熱心網友回復:
<template>
<div class="hello">
<input v-model="inputNumber" type="text">
<input v-for="(item, index) in parseInt(inputNumber) " :key="index" type="text">
</div>
</template>
<script>
export default {
data() {
return {
inputNumber:''
}
},
}
</script>
吶 拿走 不謝
uj5u.com熱心網友回復:
<div ref="reditor" contentEditable="true" designMode="on"></div>這樣就可以了轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/21963.html
標籤:JavaScript
