当前位置:   article > 正文

HTML 15-后端传的内容,前端转换成标签字段和点击之后对应的链接_html转换后端传过来的div标签

html转换后端传过来的div标签

本节:后端传过来的内容,是一长串链接用下划线___分隔,前端要转换成对应的字段,点击之后可以到对应的链接地址。

 

 

  1. div的内容
  2. <div id="intro">Stock: <span id="stock1"></span></div>
  3. <div id="intro" >Tags:
  4. <div id="tags" v-for="(i,index) in tags" :key="'i-' + index">
  5. <span id="tags" style="margin-right:10px;">
  6. <dl v-html="i">
  7. {{i}}
  8. </dl>
  9. </span>
  10. </div>
  11. </div>
  12. 定义数组: tags:[],
  13. 接口的内容
  14. getImg_products() {
  15. var that = this;
  16. var params={
  17. idtype:getParameter("idtype"),
  18. typeid:getParameter("typeid"),
  19. };
  20. $.post('../product/list.action', params, function(res){
  21. console.log(res);
  22. that.products = res.products;
  23. console.log(that.products);
  24. $('#spec1').text(that.products[0].zdy2);
  25. $('#stock1').text(that.products[0].stock);
  26. that.tags = that.products[0].zdy10.split("___");// 这里转成数组了 可以用这个数组去赋值
  27. $('#stock1').text(that.products[0].stock);
  28. $('#u1600_img').on('click',function(){
  29. $('#u1609_img').attr("src","../"+that.products[0].photo1);
  30. });
  31. });
  32. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/720389
推荐阅读
相关标签
  

闽ICP备14008679号