Vue project webpack packaged, typed the code wrong, and only part of the code error? - Codes Helper - Programming Question Answer

Vue project webpack packaged, typed the code wrong, and only part of the code error?

as detailed in the title:

encounter such a weird problem (really weird), I am also drunk!

the problem lies in:

Local debugging before the project is packaged: everything is normal, the switch between the two routing pages, different background images can follow the switch

after the project is packaged: opens the project with the local server, and the two routing pages are switched (because the text of the two different pages is switched during the switch), but a background image of the two pages is not switched (both pages have a different background image) * *. Open the developer tool, switch between the two pages, and find that the text has changed in element , but the url of the background image remains the same. so I deeply suspect that webpack typed the code wrong when packing, and it was a partial error. I am completely drunk

just found the difference: because the rendering of both pages introduces the same HTML component, but different view pages render data dynamically. But what does this have to do with? How to solve it?

do you think it"s so weird that you don"t even give a rule of finding a problem?

when I encounter such a problem, there is nothing I can do. I look forward to seeing a lot of advice from you and waiting to hear from you.

Vue.js vue-router

Mar.20,2021

solve the question raised by yourself:
although the root cause of the solution lies in the scoped attribute of < style scoped >, even if you understand its relevant features, it still can not explain

.

(1) A component with a scoped attribute can maintain the current component style from being affected by other components

(2) parent component with scoped attribute added, child component element style cannot be modified (no child component plus attribute scoped, because scoped can only maintain the current component element)

(3) A parent component without scoped attribute can modify the child component style

(4) A parent component with a scoped attribute is added, and a child component with a scoped attribute can also be forcibly controlled by:. A > .b or .a / deep/

in css preprocessing.

although all three of the above are true, the irrationality lies in the situation in which the third item cannot be explained

problem: three parent components with different contents (without scoped attribute) all apply the same child component template and populate the child component template with parent content.

however, three different parent components all set different styles for the same element of the child component, and the style is normal when switching between the three parent components for the first time; but in the second round of switching, the style of the same element does not change with the switch. instead, the last style is switched in the first round, no matter how many rounds are switched later.

because of the bizarre problem above, I finally chose item (4) to solve

.

Previous: Why is the time different?

Next: Js uses if to determine why an empty object is true?

The processing of dynamic routing in vue single page mode
there is such a background system, which is divided into many systems and modules, which involves a lot of operation permissions, and each lander is assigned different permissions, so the operable menus and visible pages are also different. the previo...

Vue.js vue-router vuex element-ui javascript

Feb.27,2021
How does vue router output data values?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< title> < head> <body> <div id="app"> <h1>Hello App!< h1> <...

Vue.js vue-router

Feb.27,2021
Could you tell me how to use vue dynamic routing?
I looked at the official document and I didn t understand it. How should I write it in this.$router.push ( xx1 xx2 )? ...

Vue.js vue-router

Feb.28,2021
The page opened by Wechat in the vue project is not the current page through the system browser.
Wechat pay in Alipay, complete the payment by opening the system browser. The project is built on vue. Instead of the current page being opened via safari, you are going to the root directory of the route. Not even history with mode. Dear gods, how to so...

Safari vue.js vue-router WeChat-Pay

Feb.28,2021
Asynchronously request data, according to the request data require component
I am working on a page customization function. The template is stored in the background database, so you need to pull the template id, from the background and then follow the template id require corresponding to the components in the directory. For exam...

Require async-request vue.js vue-router

Mar.01,2021
Vue-router switch parameter transfer unchanged
the this.$route.params.id obtained during vue route switching remains the same. you need to click the category and then click the computer before the phone can be changed, as shown in figure . Click the category-- Mobile idid1 --id the code is as ...

Vue.js vue-router

Mar.01,2021
< router-link > how to pass parameters?
<div class="title"> <span>< span> <router-link to=" buy_car">go< router-link> < div> I want to click on this < router-link >, jump to the route buy_car, and pass several parameters to b...

Vue.js vue-router

Mar.01,2021
Can vue make it possible for some elements on the parent route page to disappear when the parent route is redirected, and where the child route is rendered?
there is navigation on the left and above. wants the navigation not to move when you jump. renders the contents of the child route on the lower right. originally intended to use v-if to bind to the parent route element Click on the link and render t...

Vue.js vue-router

Mar.02,2021
The ``in router.push ({path: `/ user/$ {userId}`}) is changed to''. Is there any difference?
in navigational programming in vue-router: router.push({ path: ` user ${userId}` }) -> user 123 can be written as: router.push({ path: user ${userId} }) ? is there any difference between ``and here? if there is no difference, then ...

Vue.js vue-router

Mar.02,2021
How to obtain and store data after vue Wechat scanned the code and logged in
vue project, use Wechat s third-party website to scan the code to log in, according to the official document first step var obj = new WxLogin({ self_redirect:true, id:"login_container", appid: "", scope: "", ...

Wechat-open-platform Wechat-developed vue.js vue-router vuex

Mar.02,2021
What's the difference between path plus `/` in routing?
when defining routes: const routes = [{ path: , meta: { title: }, component: (resolve) => require([ . views index.vue ], resolve) children: [ { path: a , name: a , title: a , component: ...

Vue.js vue-router

Mar.02,2021
The parameters of the vue route jump address bar have changed, and the content of the corresponding component is gone.
Brotherhood question link: https: codeshelper.com q 10. displays the text on the home page by default http: localhost:8080 Fen app.vue <template> <div id="app"> <Header>< Header> <div class="...

Javascript vue.js vue-router

Mar.02,2021
I want to jump to a sub-route of this route by default when entering a route. How do I configure it?
in my routes.js : ... children: [ { path: a , name: a , title: a , component: (resolve) => require([ . views a a.vue ], resolve) }, { path: b , name: b , title: b , compo...

Vue.js vue-router

Mar.03,2021
Realization of transition Animation by Vue
1. The animation is divided into two stages -1-enter the animation -2 from the main page and return to the main page 2. Problem description: when entering the details page from the main page, the main page is destroyed instantly, leaving the details p...

Vue.js vue-router css

Mar.03,2021
How should vue-router simulate a system similar to a browser tab?
as shown in the figure, are there any ideas or ready-made plug-ins? elementUI looked at it and found that it could not support dynamic component switching. ...

Vuex vue.js vue-router javascript

Mar.03,2021
Does vue router realize that there is a blank space between two pages in and out of the page?
use vue router to imitate the app page to slide in and out, and there is a white gap between the two pages when Synchronize goes in and out. what is the reason for this? The official document says that if you do not set mode, it is the default Synchroni...

Vue.js vue-router

Mar.04,2021
How to find the source of the problem of cannot redefine $router
the project is built by vue-cli. SAP, runs without error with npm run dev. After using npm run build, the generated js is put into erb and reported to cannot redefine $router,. Some answers say that vue router is defined twice, or vue is packaged twice,...

Vue.js vue-router vuex spa webpack

Mar.04,2021
How to get the background data through vue-router?
Vue rookie, is trying to do a SPA page, encountered a problem looked at a lot of information can not be solved, come here to ask for the opinions of your predecessors. can vue-router get background data directly? How should it be done? If not, whether...

Vue-resource vue.js vue-router

Mar.04,2021
I use vue-cli to build the project, how to configure the online and developed domain name?
how to switch the online and offline domain name url and how to configure config? ask for answers ...

Vue.js vue-router vue-cli

Mar.05,2021
Problems with vue-router refresh
uses the following four columns made by vue-router, which is the product details interface, routing to productdescription, under the four columns of product information, purchase records, customer reviews, buyer questions and answers for four differen...

Vue.js vue-router

Mar.06,2021

Menu