前端解决问卷添加结论默认值实现

1.在前端创建一个问卷页面，如图，在页面中有单选框，单选框后有输入框

2.通过表单进行实现

3.在js中写相关方法代码，@change="handleRadioChange()" 是对单选框中数据进行处理，选择不同的选项，清出不需要的数据，避免数据错误

4、使用@input="conclusionShow"是对结论的数据进行拼接更新，而@input适用于实时查询，每输入一个字符都会触发该事件。

其中，

let allYes2 = options2.every(option => option === '1');

这里面的every 方法会遍历 options2 数组中的每一个元素，并检查每个元素是否等于 '1'。如果所有元素都等于 '1'，则 every 方法返回 true，否则返回 false。

let result = data2.map(value => value ? value : '').filter(value => value !== '');

map是用于遍历 data2 数组，将所有非空值替换为它们的副本，如果原值为空，则用空字符串代替。

filter用于过滤掉所有空字符串，只保留非空字符串。

然后通过

this.$set(this.form, 'XTZTDBXJ', this.getValueByKey('xtztdbjly') +result.join(','));

$set 是 Vue.js 提供的一个实例方法，用于在对象上设置属性，确保属性是响应式的。这意味着当属性值改变时，视图会自动更新。

$set 方法接受三个参数：

1. target：要设置属性的对象。
2. key：要设置的属性名。
3. value：属性的值