textarea 设置了value后,另一个没设置value的textarea 为什么也显示出了相同内容

这可能是因为设置了value属性的textarea元素是通过JavaScript或其他方式动态地将内容赋值给它的。当你设置了一个textarea元素的value属性时，它会更新textarea的内容，并且如果你有多个textarea元素引用了相同的value属性，它们都会显示相同的内容。

如果你想要每个textarea元素都显示不同的内容，你需要为每个textarea分别设置不同的value值，或者使用JavaScript来动态地为每个textarea赋值。

相关问题

app.TextArea.Value显示多个数据

在 MATLAB App 中，如果你想要在 TextArea 中显示多个数据，你可以将这些数据转换为一个字符串，然后将该字符串赋值给 TextArea 的 Value 属性。

例如，假设你有一个包含多个数据的 cell 数组 data，你可以使用 strjoin 函数将这些数据连接成一个字符串，然后将该字符串赋给 TextArea 的 Value 属性。代码示例如下：

% 假设有一个包含多个数据的 cell 数组 data
data = {'data1', 'data2', 'data3'};

% 将数据连接成一个字符串，使用换行符分隔
str = strjoin(data, '\n');

% 将字符串赋给 TextArea 的 Value 属性
app.TextArea.Value = str;

在这个例子中，我们使用 strjoin 函数将 data 数组中的数据连接成一个字符串，并使用 '\n' 换行符分隔每个数据。然后将该字符串赋值给名为 TextArea 的控件的 Value 属性，这样就可以在 TextArea 中显示多个数据了。

请注意，如果数据很大或者需要以特定格式进行显示，你可能需要根据具体需求对字符串进行格式化处理。

copyvalue1() { const textarea = document.createElement('textarea'); textarea.value = this.formData.selfCode; document.body.appendChild(textarea); textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); }, copyvalue2() { const textarea = document.createElement('textarea'); textarea.value = this.formData.userName; document.body.appendChild(textarea); textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); },将这种代码统合成一个

要将 `copyvalue1` 和 `copyvalue2` 方法整合成一个方法，您可以将它们的逻辑合并到一个方法中。以下是一个示例：

methods: {
  copyValue(value) {
    const textarea = document.createElement('textarea');
    textarea.value = value;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
  },
}

在这个示例中，我们创建了一个名为 `copyValue` 的方法，该方法接收一个参数 `value`，表示要复制的值。然后，我们在方法中执行了复制的逻辑，将传入的值设置到 `<textarea>` 元素中，并将其添加到页面中。接着，我们选中 `<textarea>` 的内容，并执行复制操作。最后，我们将 `<textarea>` 元素从页面中移除。

然后，您可以将 `<vuephone>` 组件的双击事件绑定到 `copyValue` 方法，并传递相应的值作为参数：

<vuephone
  :disabled="!checkPower('mobilePhone')"
  v-model="formData.mobilePhone"
  size="small"
  placeholder="用户电话1"
  style="width:150px;cursor:pointer;"
  :maxlength="50"
  icon="ios-call"
  @dblclick="copyValue(formData.selfCode)"
  @blur="mobilePhoneBlur"
></vuephone>

<!-- 其他代码 -->

<button @click="copyValue(formData.userName)">复制用户名</button>

在这个示例中，当您双击 `<vuephone>` 组件时，`copyValue` 方法将被调用，并将 `formData.selfCode` 作为参数传递。同样地，当点击一个按钮时，`copyValue` 方法也会被调用，并将 `formData.userName` 作为参数传递。

通过这种方式，您可以将多个类似的复制操作整合成一个方法，并根据需要传递不同的值。这样可以减少重复的代码，并提高代码的可维护性。