无法更改VueJs插件的.Css文件

时间:2018-09-12 18:06:03

标签: javascript css vue.js vuejs2

我正在使用 vue-js-modal 插件,并且在此插件中,有一个style.css文件。在此文件中,我需要更改一些设置以自定义模式样式中的更改。但是,当我访问此文件并更改所需内容,然后保存更改并运行应用程序时,模态页面看起来就像以前的样式和设置一样!当我打开控制台并检查元素并选择模式页面时,浏览器中的样式设置与之前的设置相同!我怎么解决这个问题?我是否需要构建包含style.css的文件?如果是,我该如何建造?如果没有,该如何解决?

3 个答案:

答案 0 :(得分:1)

为什么不覆盖要更改的CSS规则,无论是在自己的CSS文件中,还是在style标签中(如果您使用的是单文件组件)?

答案 1 :(得分:1)

一种快速的解决方法是通过添加到文件的路径来更改css文件的版本。

旧版:“ / mycssfile.css”

新功能:“ / mycssfile.css?1”

答案 2 :(得分:1)

尝试在vue应用中使用Deep Selector重写模式CSS https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

对我来说语法如下

// define the $mail // just in case you miss it as it is missing in your code.
$mail = new PHPMailer();

// 0 = off (for production use)
// 1 = client messages
// 2 = client and server messages
$mail->SMTPDebug = 2;    // this is to enable debug if there are errors

$mail->isSMTP();         //Tell PHPMailer to use SMTP

//Set the hostname of the mail server
$mail->Host = 'auth.smtp.1and1.fr';

// Enable authentication so you must provide username and password for SMTP authentication
$mail->SMTPAuth = true;  

$mail->Username = 'user@example.com';     // SMTP username
$mail->Password = 'secret';               // SMTP password

$mail->SMTPSecure = 'tls';                // Here you are telling to use a secure connection with TLS/SSL

//Set the SMTP port number
$mail->Port = 587; // if specified tls. try also 465 as defined in the picture you post

// TCP port for secure connections. 465 is the secure port for outgoing 
// emails and 993 is for incoming email using IMAP. If you use POP3 the 
//incoming emails are received on 995 port number.