请问使用vue.js怎么给textarea赋值？

Question

vue.js怎么给textarea赋值

Answer 1

vue给textarea赋值可以使用v-model。示例如下：HTML：123<div&nbsp;id="app">&nbsp;&nbsp;&nbsp;&nbsp;<textarea&nbsp;v-model="str"></textarea></div>JavaScript（VUE）：123456var&nbsp;vm&nbsp;=&nbsp;new&nbsp;Vue({&nbsp;&nbsp;&nbsp;&nbsp;el:&nbsp;'#app',&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;str:&nbsp;'这是测试内容'&nbsp;&nbsp;&nbsp;&nbsp;}});初始化运行结果：在控制台执行 vm.str="这是变更的内容"; 后的运行结果：你可以在js代码的任意位置来变更已绑定的textarea的值。

Answer 2

例如 &nbsp;textarea 的id&nbsp;是 txt<textarea&nbsp;id=txt>点击某个按钮相当于执行 push_txt 函数函数代码如下：1234function&nbsp;push_txt(str)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;obj&nbsp;=&nbsp;document.getElementById("txt");&nbsp;&nbsp;&nbsp;//&nbsp;textarea对象&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;obj.append(str);&nbsp;&nbsp;&nbsp;//&nbsp;在对象末尾处加入内容}