ts无法使用js中的中括号[]方式通过属性名获得对象属性值的解决办法


ts中如果要使用js的[]方式获得属性名称,则需要是 keyof 类型

JavaScript 全选
interface DataModel {
  code: string
  description: string
  isAutoRouter: string
  isMenu: string
  sort: string
}

const data = ref<DataModel[]>([])

type BindFieldType = {
  codeField: keyof DataModel
  descriptionField: keyof DataModel
}
const bindField: BindFieldType = {
  codeField: 'code',
  descriptionField: 'description'
}

var obj = data.value.find((item: DataModel) => item[bindField.codeField] == newValue)

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:sass父级选择器
下一篇:vue3+ts 组件导出类型
评论列表

发表评论

评论内容
昵称:
关联文章

ts无法使用js括号[]方式通过属性获得对象属性解决办法
TS有两个对象,便利B对象属性,如果A对象有这个属性,就把B更新到A对象
附加属性使用
RazorEngine不能使用@Html.Raw引起连锁反应以及解决办法
VSCode无法格式化python代码py文件解决办法
依赖属性使用
深入理解jsyield
vue自定义组件props设置object属性默认
Vue.js如何限制Props只接受特定数组:自定义验证方法解析
CSS cursor 属性
Javascript 通过 yield 和 promise 使异步变同步
vscode 左下角状态栏出现 '正在初始化 JS/TS 语言功能'导致编辑器提示功能失效
adb命令获得所有包
WPF对象级资源
.net core设置返回json属性(驼峰或保留大小写)配置方式
【gitblit复制URL】 修改URL复制方式Flash插件被浏览器禁用解决办法
dotnet 通过 DockerfileContext 解决项目放在里层文件夹导致 VisualStudio 构建失败
Redis OM .NET Redis对象映射框架
bat批处理执行gulp界面一闪而过,执行完后cmd窗口就会关闭解决办法
CSS backdrop-filter 属性详解及使用方法

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码