在这个菜单列表中,我们用for循环渲染出来了一级菜单区域,在后台返回的数据当中并没有关于菜单左侧的icon的值,我们想要在for循环的过程中实现动态渲染左侧icon可以这么实现
在data里面定义一个iconObj对象,对象的属性是后台所返回的每个以及菜单的id(比如在这里,125就是用户管理这个一级菜单的id),而值则是该菜单所对应的icon的名字。
之后,我们就为图标动态绑定class,将iconObj中的属性值绑定,上面iconObj[item.id]就是访问对象的属性值的一种方式,中括号法可以使用数字作为属性名,而点语法不可以(比如iconObj.125就是不对的)
通过这个又有了新的理解,在做公众号项目的时候,有一个访客来访列表。其中有两种状态,已到访和未到访,后台所返回的数据里面是用1和0来标识这两个状态的,那我想要在页面中将0和1渲染为未到访和已到访,且字体颜色不一样,就又有了一种新的实现方法
我定义了两个对象,classs对象用来存储class的相关信息,stateText用来存储到访状态信息,并将其与后台所返回的0和1 绑定起来
之后在使用动态绑定的方法,来动态渲染出自己想要的效果。
菜鸟日记,大佬勿喷,可给建议,笔芯~♥