vue.js怎么给textarea赋值

2025-04-06 18:26:59

推荐回答（2个）

回答1：

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

HTML：

JavaScript（VUE）：

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

初始化运行结果：

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

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

回答2：

textarea标签是成对出现的,以开始,以结束

属性:

Common -- 一般属性

cols -- 多行输入域的列数

rows -- 多行输入域的行数

alt -- 代表表单的提示文字,当鼠标停留时

accesskey -- 表单的快捷键访问方式

disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用

readonly -- 输入域可以选择,但是无法修改

tabindex -- 输入域,使用"tab"键的遍历顺序

引用网址:http://www.dreamdu.com/xhtml/tag_textarea/

没见value属性，但实际还可用，赋值时用innerText、innerHTML、value都可以，如下：

原始值