使用 vue 1.0.3 $set 函数遇到的坑 - 蓝蓝设计_UI设计公司

帝皇彩票官网

追求卓越一诺千金

蓝蓝设计,2011年成立,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UIUE咨询和设计开发服务。立足UI,好好学习,天天进步!


使用 vue 1.0.3 $set 函数遇到的坑

2019-9-9 释然 前端及开发文章及欣赏


vue 1.0.3  中 $set 函数是动态改变或添加一个 data 中的属性值时 属性 key 不可以使用纯数字。

例如:

var app = new Vue({
     el:"#app",
     data:{
         test:{
             k1:'v1',
             k2:'v2'
         }
     },
     methods:{
         changeTestValue:function{
             // 动态改变 test 中某一属性的值
             var key = 'test.k1';  // 改变 test 属性中的 k1 的值
             this.$set(key,'changev1');  // 此处执行没有问题
            // 改变 整个 test 的值可以使用
            this.$set('test',{k1:'change-demo-v1',k2:'change-demo-v2'});   // 此处执行没有问题
            // 动态给 test 增加一个属性  k3
            this.$set('test.k3','test-add-value3');   // 此处执行没有问题
 
 
            // 此处有坑 当你的 属性为全数字的时候,则 函数无效,不报错,但是也添加不上值。
            // 例如
            this.$set('test.123','test-add-123');  // 此处执行不报错,但是也没有效果。
 
 
            // 所以在使用老版本vue的时候尽量避免 属性 key 未纯数字,或其他特殊字符。
         }
     }
});

除了这个坑以外还有另外一个坑,不过没有具体试验,
watch 监听某一值得变化,好像有点问题, 实际结果是只要 data 中的任意一个值发生变化都会被捕捉到。



最后还是使用 vue 2.x  以上版本吧,bug 少很多。



另外 $set 函数在2.x 中使用方式有所变化。



this.$set(target,key,obj);

target 对象类型,是需要赋值或修改的对象,

key  是字符串类型, 是 target 对象的属性

obj  可以是字符串,可以是对象类型,是 你要修改的或增加的值


蓝蓝设计www.bjhbys.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

标签: VUE 使用 1.0.3 $set 函数遇到的坑 « Sketch 58 Beta版本探秘,看看都有什么新功能! | 帝皇彩票官网风靡社交圈的产品「绿洲」,有哪些值得关注的设计细节?»


蓝蓝 http://www.bjhbys.com

  1. 2019年11月(3)
  2. 2019年10月(53)
  3. 2019年9月(48)
  4. 帝皇彩票官网2019年8月(63)
  5. 2019年7月(59)
  6. 2019年6月(59)
  7. 2019年5月(31)
  8. 2019年4月(37)
  9. 2019年3月(43)
  10. 帝皇彩票官网2019年2月(26)
  11. 2019年1月(45)
  12. 2018年12月(41)
  13. 2018年11月(40)
  14. 2018年10月(29)
  15. 2018年9月(40)
  16. 2018年8月(87)
  17. 2018年7月(107)
  18. 2018年6月(86)
  19. 2018年5月(110)
  20. 2018年4月(40)
  21. 2018年3月(35)
  22. 2017年8月(35)
  23. 2017年7月(45)
  24. 2017年6月(7)
  25. 2017年5月(27)
  26. 2017年4月(51)
  27. 2017年3月(70)
  28. 2017年2月(65)
  29. 2017年1月(69)
  30. 2016年12月(55)
  31. 2016年11月(111)
  32. 2016年10月(92)
  33. 帝皇彩票官网2016年9月(53)
  34. 2016年8月(9)
  35. 2016年7月(4)
  36. 2016年6月(9)
  37. 2016年3月(19)
  38. 2016年2月(26)
  39. 2016年1月(30)
  40. 2015年12月(33)
  41. 帝皇彩票官网2015年11月(35)
  42. 2015年10月(46)
  43. 2015年9月(43)
  44. 2015年8月(40)
  45. 2015年7月(33)
  46. 2015年6月(46)
  47. 2015年5月(58)
  48. 2015年4月(70)
  49. 2015年3月(55)
  50. 2015年2月(17)
  51. 帝皇彩票官网2015年1月(33)
  52. 帝皇彩票官网2014年12月(21)
  53. 2014年11月(84)
  54. 2014年10月(94)
  55. 2014年9月(6)
  56. 2014年8月(1)
  57. 2014年7月(13)
  58. 2014年6月(66)
  59. 2014年5月(99)
  60. 2014年4月(88)
  61. 2014年3月(102)
  62. 帝皇彩票官网2014年2月(68)
  63. 帝皇彩票官网2014年1月(83)
  64. 2013年12月(106)
  65. 2013年11月(112)
  66. 2013年10月(61)
  67. 2013年9月(20)
  68. 2013年7月(13)
  69. 帝皇彩票官网2013年6月(27)
  70. 2013年5月(48)
  71. 2013年4月(39)
  72. 2013年3月(8)
  73. 2013年2月(20)
  74. 2013年1月(31)
  75. 2012年12月(33)
  76. 2012年11月(31)
  77. 2012年10月(23)
  78. 2012年9月(8)
  79. 2012年7月(14)
  80. 2012年6月(15)
  81. 2012年5月(31)
  82. 2012年4月(24)
  83. 2012年2月(4)
  84. 2012年1月(8)
  85. 2011年12月(35)
  86. 2011年11月(32)
  87. 2011年10月(13)
  88. 2011年8月(1)
  89. 2011年6月(1)
订阅Rss
智慧彩票投注 湖南快乐十分官网 状元彩票平台 桔子彩票平台 迪士尼彩乐园投注 疯狂斗牛 迪士尼彩乐园 帝皇彩票开奖 大象彩票APP 吉利彩票开户