Tag:Incense burner

  • Vue basic introduction notes 05: V-for, V-IF

    Time:2021-9-17

    Vue basic introduction notes 05 V-IF deletes or creates elements every time V-show every display: none or block <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>Document</title> <script src=”https://cdn.jsdelivr.net/npm/vue”></script> </head> <body> <div id=”app”> < button @ Click = “show =! Show” > button < / button > <!– V-IF […]

  • Vue basic introduction note 12: component switching

    Time:2021-9-11

    Vue basic introduction notes 12 Component placeholder: is sets the component to render <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>Document</title> <script src=”https://cdn.jsdelivr.net/npm/vue”></script> <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css” integrity=”sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u” crossorigin=”anonymous”> </head> <body> <div id=”app”> <div role=”tabpanel”> <!– Nav tabs –> <ul class=”nav nav-tabs” role=”tablist”> <li role=”presentation” class=”active”> //Click different tabs […]

  • Introduction notes to Vue basics 17: two ways of routing parameters

    Time:2021-9-6

    Two ways of routing parameters query params <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>Document</title> <script src=”https://cdn.jsdelivr.net/npm/vue”></script> <link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css” integrity=”sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u” crossorigin=”anonymous”> <script src=”https://unpkg.com/vue-router/dist/vue-router.js”></script> </head> <body> <div id=”app”> <!– 1. Use query to pass parameters — > < router link to = “/ login? Id = 10 & […]

  • Set styles for body and HTML separately in Vue component

    Time:2021-8-22

    Today, I encountered that setting the background color for the body of a single component does not work because each component style only works in the div of that template, so I use the following aspects to make a fake body for this page. The code is as follows <template> <div class=”body-bg”></div> </template> <style scoped […]