如图中所示,当你在使用elementUI组件中的标签去渲染选择列表时,我们还想要在接下来的页面中,显示这一项选中的内容,我们这个时候应该怎么做呢?你是否已经麻爪了,想着去获取选中元素的id,再根据id从后台返回的数据中,将其渲染到页面中呢?这样虽然最终也可以实现效果,但我们作为一个合格的好程序员,肯定要从代码整体的健壮性和规整性来考虑。
在其中有一项隐藏属性,可以获取其中选中元素的内容。 只需要在你需要获取内容的标签上定义
<el-option
@click.native="方法名(item)"
>
</el-option>
.....
data(){
needText:'';
}
methods:{
方法名(){
this.needText = item.text
}
}