vueç»textareaèµå¼å¯ä»¥ä½¿ç¨v-modelã示ä¾å¦ä¸ï¼
HTMLï¼
<div id="app"><textarea v-model="str"></textarea>
</div>
JavaScriptï¼VUEï¼ï¼
var vm = new Vue({el: '#app',
data: {
str: 'è¿æ¯æµè¯å 容'
}
});
åå§åè¿è¡ç»æï¼
å¨æ§å¶å°æ§è¡ vm.str="è¿æ¯åæ´çå 容"; åçè¿è¡ç»æï¼
ä½ å¯ä»¥å¨js代ç çä»»æä½ç½®æ¥åæ´å·²ç»å®çtextareaçå¼ã
textarea标签是成对出现的,以<textarea>开 始,以</textarea>结束
属性:
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
alt -- 代表表单的提示文字,当鼠标停留时
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序
引用网址:http://www.dreamdu.com/xhtml/tag_textarea/
没见value属性，但实际还可用，赋值时用innerText、innerHTML、value都可以，如下：
<html>
<head></head>
<script type="text/javascript">
function changeTextArea(){
document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\ninnerText is ok!";
document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\ninnerHTML is ok!";
document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\nvalue is ok!";
}
</script>
<body>
<textarea name= "myTextArea" cols= "80 " rows= "10 ">原始值</textarea>
<input type="button" value="按钮" onclick="changeTextArea()"/>
</body>
</html>
本回答被网友采纳