小编刘亚雄*_*刘亚雄的帖子

如何将 prop 的属性映射到 Vue 的属性中

我的组件里面有很多属性想设置,但是第一段代码就这么臃肿,不知道有没有更好的解决办法

<li class="ui-draggable-handle"
   v-for="(item, index) in deviceList" 
   :key="index"  
   :appid="item.subjectId" 
   :apptype="item.appType" 
   :model="item.subjectModel" 
   :shortModel="item.shortModel" 
   :appname="item.subjectName" 
   :state="item.state">
Run Code Online (Sandbox Code Playgroud)
<my-li class="ui-draggable-handle"
   :mapping="{
      'appid': 'subjectId',
      'apptype': 'appType',
      'model': 'subjectModel',
      'shortModel': 'shortModel',
      'appname': 'subjectName',
      'state': 'state',
   }">
Run Code Online (Sandbox Code Playgroud)

那么如何映射 in 的属性

html javascript vue.js

5
推荐指数
1
解决办法
1392
查看次数

标签 统计

html ×1

javascript ×1

vue.js ×1