vue小点

作者: 王小妞闯天涯 | 来源:发表于2018-07-12 18:00 被阅读0次

1.获取dom元素

通过设置ref:

<img src="" ref="budget">

获取到元素并改变样式:

 this.$refs.budget.style.transform=  'rotate(180deg)';

2.获取本地json文件

*json文件放到static文件夹下,

  this.axios.get("../static/getBook.json").then((response)=> {

 let data= response.data.movie;

})

这样就可以直接获取到,注意response.data才是获取到数据

*另一种是通过配置express和route:

在build文件夹下的webpack.dev.conf.js文件中const portfinder = require('portfinder')之后加入:

配置路由

然后在下面找到devServer:在其中配置:

3.关于动态绑定

可以绑定多个class,后面的表达式如果为真,则绑定这个类,

我们可以设置选中样式和不选中样式通过动态绑定,

相关文章

  • vue小点

    1.获取dom元素 通过设置ref: 获取到元素并改变样式: this.$refs.budget.style.tr...

  • vue加载更多+小点位数

    改变小数位数 js普通版 js tofixed方法 官方地址 http://www.w3school.com.cn...

  • 小点

    今天是大姨妈来的第二天。我觉得我的状态并不好。因为早上起来嗓子就开始疼。而且鼻子也开始出现了问题。就是一个感冒的状...

  • 小点

    小点,是我刚认识不久的姑娘。 今天,看到她发的微诗时,突然就想写一写她。 2018年末时,有一天发现一个陌生的头像...

  • vue-cli项目构建中的几个小点

    1.dev-server自动打开浏览器在config/index.js中将autoOpenBrowser的值改为t...

  • 小点滴

    独坐窗前,时光清浅,本想倚窗赏花,奈何,略带斑驳的对面楼的墙皮,远处的在光影中泛着淡蓝色的楼顶,阻碍了,那似有似无...

  • “小点滴”

    这两天听了真经派的几节课,感觉只有听力和作文比较有感触,体力你一定要提前看选项,不求能全部翻译,多留意动词名词形容...

  • 前端小点

    禁止页面左右滑动,宽度超过屏幕部分剪掉,设置如下: overflow-x: hidden; 当高度超过屏幕部分时,...

  • paper小点

    1. some from here, some from there:cross-project code reu...

  • 项目小点

    项目中的路径写法: 在写接口地址时 url:"/"为绝对路径(最前面含/) url:""为相对路径,相对的是项目地...

网友评论

      本文标题:vue小点

      本文链接:https://www.haomeiwen.com/subject/fvyrpftx.html