Question

我正在开发chrome扩展程序，并在Vue文件上使用Bootstrap-Vue。目前，我将bootstrap / bootstrap-vue导入了我的js文件，但这导致样式在全局级别上发生。理想情况下，我希望引导程序仅作用于插入的文件。在Vue文件的部分中，有没有办法做到这一点？

//在.js文件中

import VModal from 'vue-js-modal'
import BootstrapVue from 'bootstrap-vue';

///我在Vue文件中尝试过此操作，但未显示任何效果

<style scoped src="bootstrap/dist/css/bootstrap.css"></style>
<style scoped src="bootstrap-vue/dist/bootstrap-vue.css"></style>

Answer 1

要仅在组件内导入样式，请在<style>标签内使用

  @import 'bootstrap/dist/css/bootstrap.css';
  @import 'bootstrap-vue/dist/bootstrap-vue.css';

Answer 2

José 的回答几乎正确：

SQL ERROR [ mysqli ]

Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'winx_forum.p.post_id' which is not functionally dependent on columns in GROUP BY clause; this is incompatible with sql_mode=only_full_group_by [1055]

SQL

SELECT DISTINCT SQL_CALC_FOUND_ROWS p.post_id FROM winx_topics t, winx_posts p WHERE p.poster_id = '2' AND t.topic_id = p.topic_id GROUP BY t.topic_id, t.topic_last_post_time ORDER BY t.topic_last_post_time DESC

BACKTRACE

FILE: (not given by php)
LINE: (not given by php)
CALL: msg_handler()

FILE: [ROOT]/includes/db/dbal.php
LINE: 757
CALL: trigger_error()

FILE: [ROOT]/includes/db/mysqli.php
LINE: 182
CALL: dbal->sql_error()

FILE: [ROOT]/includes/search/fulltext_native.php
LINE: 1009
CALL: dbal_mysqli->sql_query()

FILE: [ROOT]/search.php
LINE: 540
CALL: fulltext_native->author_search()

将Bootstrap / Bootstrap-Vue导入作用域CSS

2 个答案: