问题
在vue的循环嵌套中,有时候多重循环之后会出现很长的嵌套变量取值,然后模板中使用多有不便
解决方案
在html标签中绑定参数并赋值便可以在其他地方使用该变量,示例如下:
代码
<template>
<!-- 自己定义变量,并无强制要求 -->
<div>
<input type="hidden" :value="item = list[index]">
{{ item.name }}
</div>
</template>
<script>
export default {
data() {
return {
list: [
{ name: '华夏之光' }
]
index: 0
}
}
}
</script>