{ type: "input", label: "运输用时", dataIndex: "transportationTime", vIf: () => { return (form.data.status === 3) }, props: { readonly: () => { return ture } }, }, 这里的输入框只读不好用 怎么办
时间: 2023-12-12 10:02:12 浏览: 66
如果你想让这个输入框只读并且不能被编辑,你可以将 `readonly` 属性设置为 `true`,而不是一个函数。例如:
```
{
type: "input",
label: "运输用时",
dataIndex: "transportationTime",
vIf: () => {
return (form.data.status === 3)
},
props: {
readonly: true
},
}
```
这样,用户将无法编辑此输入框中的文本。如果你想允许用户查看但不允许编辑该输入框,这是一个很好的选择。
相关问题
option.xAxis.data = Object.keys(optObj); let data = Object.values(optObj).map(count => { arr.push(count) return ((count / personFull)*100).toFixed(1)}); console.log('arr是什么==>',arr); option.series[0].data = data; const fullScore = answerTotalScore console.log('fullScore=>',fullScore); option.series[0].itemStyle = { color: function (params) { const dataIndex = params.dataIndex; if (arr[dataIndex] === fullScore) { console.log('arr?',arr); return "#83DBEE"; // 满分答案的颜色 } else { return "#FFCCBB"; // 其他选项的颜色 } } };为什么其他选项颜色生效,满分选项不生效
根据提供的代码,可以看出如果数据项的值等于 `fullScore`,那么该数据项的颜色应该为 "#83DBEE"。而如果数据项的值不等于 `fullScore`,那么该数据项的颜色应该为 "#FFCCBB"。
如果其他选项的颜色生效,但满分选项的颜色不生效,那么有可能是 `fullScore` 的值不正确或者 `arr` 数组中的值与 `fullScore` 的值不一致所导致的。建议仔细检查这两个变量的值是否正确。如果这两个变量的值都是正确的,那么问题可能出在其他地方,可以考虑添加调试语句以找出问题所在。
v-model:value=" record.controlTypeList.find((obj) => obj.type == column.dataIndex) .control "
这段代码是使用 Vue.js 中的 v-model 指令来绑定一个值。在这个例子中,v-model:value 绑定的值是根据 record.controlTypeList 数组中的元素进行计算得到的。通过 find() 方法,找到 column.dataIndex 属性与 obj.type 相匹配的元素,并获取该元素的 control 属性作为绑定的值。
阅读全文