首页 > 编程知识 正文

js引用css样式vue(js加css样式)

时间:2023-12-03 11:56:27 阅读:311698 作者:PZGX

本文目录一览:

  • 1、Vue怎么局部引入css
  • 2、为什么在vue的main.js中引入css或者报错,不引入没问题
  • 3、vue.js怎么引入material.css之类的ui库
  • 4、在vue下面创建新页面并引入样式(图文讲解)

Vue怎么局部引入css

vue只是一个js框架,和你引用css没有太大的关系,和普通的js一样的处理方式就好。

例如你可以新建一个link标签,然后插入到head标签下之类的。

为什么在vue的main.js中引入css或者报错,不引入没问题

这种情况很简单,动态添加进去的tr不能应用js和css,在tr添加进页面后,再调用一下$("tr").addClass("样式名");重新给他添加一下样式即可.至于js的话,在绑定事件的时候用:$("tr").live(funtion(){})这样就可以了.

vue.js怎么引入material.css之类的ui库

vue.js引入material.css之类的ui库

用vue-cli创建以webpack为模版的项目,npm install material-css,然后怎么配置才可以使用呢

看你需求了,

第一种全局引入,在main.js中写路径import '../css/xxx.css';

第二种组件中引入,在组件中的style标签写@import '../css/xxx.css';

如果只是纯css的话,直接在main.js里面

import 'XXX.css'

应该就可以了吧

没用过你说的material-css,不过github的readme应该有讲npm之后要怎样用吧?

通常要么是全局引用,在根组件require并vue.use;要么是支持局部引用,在需要的组件里require,在components里面声明。

CMD

require('!style!css!material-css/material-css.css');

如果是在全局都使用的话可以在index.html中引入这个文件,如果是在组件中使用,可以用import xx.css

在vue下面创建新页面并引入样式(图文讲解)

1.在components下面新建一个grid.vue的文件,在文件里放入内容

2.在css里新建一个grid.css文件,把grid.vue需要的样式放进来

3.在router里的index.js里import,import  文件名 from 文件存放的路径;并在routes下面写好路由

4.在main.js里引入grid.css的样式,import '路径名'

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。