Breadcrumb.js 839 B

12345678910111213141516171819202122232425262728293031323334
  1. const template=`
  2. <div class="breadcrumb-box">
  3. <el-breadcrumb separator="&#155">
  4. <transition-group name="breadcrumb">
  5. <el-breadcrumb-item v-for="(item, index) in list" :key="item.id">
  6. <div class="el-breadcrumb__inner">
  7. <span class="breadcrumb-title">{{ item.title }}</span>
  8. </div>
  9. </el-breadcrumb-item>
  10. </transition-group>
  11. </el-breadcrumb>
  12. </div>
  13. `;
  14. export default {
  15. name: "Breadcrumb",
  16. data: function () {
  17. return {
  18. elementUi:''
  19. }
  20. },
  21. created:function (){
  22. this.elementUi=Yunqi.getElementUi();
  23. },
  24. props:{
  25. list: {
  26. type: Array,
  27. required: true,
  28. }
  29. },
  30. template:template,
  31. methods:{
  32. }
  33. };