为了账号安全,请及时绑定邮箱和手机立即绑定

请问vue.js怎么给textarea赋值

/ 猿问

请问vue.js怎么给textarea赋值

一只甜甜圈 2019-10-12 14:07:03

vue.js怎么给textarea赋值


查看完整描述

2 回答

?
宝慕林4294392

vue给textarea赋值可以使用v-model。示例如下:

HTML:

1

2

3

<div id="app">

    <textarea v-model="str"></textarea>

</div>

JavaScript(VUE):

1

2

3

4

5

6

var vm = new Vue({

    el: '#app',

    data: {

        str: '这是测试内容'

    }

});

 

初始化运行结果:

在控制台执行 vm.str="这是变更的内容"; 后的运行结果:

你可以在js代码的任意位置来变更已绑定的textarea的值。



查看完整回答
反对 回复 2019-10-13
?
呼如林

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>




查看完整回答
反对 回复 2019-10-13

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信