Vue - 实践案例(三)动态属性值

834 阅读1分钟

  当需要html中的属性的值是动态的的时候可以在属性前加冒号

  加冒号后 "" 中就形成了一个动态的空间,因此我们要再写 `` 把属性值的字符串部分还原。

  所有属性之前都可以加冒号,如此该属性的值便可以写表达式

  例如下面有三张以数字命名的图片,我们在页面中插入一张并让其随c的值的改变而改变:

  html:

  JS:

  得到的效果是拖拽拖拽条可以切换图片:

  写轮播图也非常方便:

  html:

  JS:

  效果: