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

Question

vue.js怎么给textarea赋值

Answer 1

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

HTML：

123	<div id="app">    <textarea v-model="str"></textarea></div>

JavaScript（VUE）：

123456

var vm = new Vue({    el: '#app',    data: {        str: '这是测试内容'    }});

初始化运行结果：

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

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

Answer 2

例如  textarea 的id 是 txt<textarea id=txt>点击某个按钮相当于执行 push_txt 函数函数代码如下：

1234	function push_txt(str) {        var obj = document.getElementById("txt");   // textarea对象        obj.append(str);   // 在对象末尾处加入内容}