今天遇到的问题是我想要创建一个展示个人信息的描述列表,然后我就找到了Element里面的Description描述列表组件

但在使用的时候就发现了一个问题,就是这个列表中对应属性的内容时通过创建列表时输入好的,我就没有办法通过Vue中的V-model来动态变化这里面的数据,更没有办法连接数据库,来获取数据库里面的内容并让这个列表内容随之改变。
于是,我尝试了各种各样的方法,先是找了我之前成功能够动态获取并且展示数据的方法,
例如上图是个表单模型,我在表单里面使用了<el-input></el-input>,达到了通过v-model的数据模型来动态修改,展示数据的效果。但当我用到了描述列表中,又发现了问题![]()

数据确确实实是动态展示出来了,但是,有个文本输入框,不符合我设计的预期。于是这个方法就pass掉。
在我随便尝试的时候,我突然想到,之前好像有个用法就是两个大括号里面来传入数据模型,这样可以直接获取数据模型的值,于是我抱着试一试的心情用了这个方法。

结果成功了。

但究竟为什么两个大括号里面包裹了数据模型就能达到效果呢。
我上网查了相关资料,发现,这好像就是Vue.js中的规定。
以后记得这么用就可以
博主在使用Element的Description描述列表组件时,遇到无法通过Vue的V-model动态变化数据、连接数据库获取内容的问题。尝试多种方法后,用两个大括号包裹数据模型成功实现动态展示,经查询得知这是Vue.js的规定。

5315

被折叠的 条评论
为什么被折叠?



