搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏不止dotNET
.NET 程序员如何学习Vue
5、此时访问 http://localhost:8080/login 可以看到下面界面添加 home.vue 组件 home 组件是登录成功后要跳转到的组件，该组件包含一个子组件 top-bar。 ></top-bar> </el-header> <el-main> 这是正文部分 </el-main> </el-container> </template 1、在 top-bar 组件中定义 props 2、修改 home 组件进行传值 <top-bar :code="loginName"></top-bar> 组件通讯-子组件传递到父组件子组件传递到父组件使用 $emit ，本例中在 top-bar 组件中添加一个按钮，点击按钮传递参数到 home 组件，并改变 home 组件的 loginName的值。 1、top-bar 组件中添加按钮和相关事件 2、在 home 组件中进行事件接收接口调用在 Vue 中使用 axios 需要先进行插件的安装 npm install axios --save axios
1.3K20发布于 2019-09-03
来自专栏html5期末大作业
使用dreamweaver制作采用DIV+CSS进行布局——美食甜品店铺加盟企业HTML静态网页 ——学生美食网页设计作品静态HTML网页模板源码
--顶部导航-->

<div class="l" */ .header{position: relative;top: 0;left: 0;width: 100%;z-index: 99;background: #fe8daf;} .header .top-bar {width: 100%;background: #f6e6ea;} .header .top-bar .w1200{display: flex;justify-content: space-between ;align-items: center;;height: 60px;font-size: 16px;color: #625c5e;} .header .top-bar .w1200 .address{ header.fixed{position: fixed;transition: all .3s;} .header.fixed .w1200{height: 80px;} .header.fixed .top-bar
1.5K20编辑于 2022-08-23
来自专栏老马寒门IT
07Vue.js快速入门-Vue路由详解
left; width: 100px; } h2 { background-color: #903;} </style> </head> <body>
<top-bar > </top-bar>

email to: {{ email }}

<router-view class="view one"> router-link>

`; // 定义组件：topbar Vue.component('top-bar

1.4K50发布于 2018-01-05

来自专栏愚公系列-书籍专栏

【愚公系列】《微信小程序与云开发从入门到实践》031-开发一款多Tab页自定义组件

-- component/pagesView/pagesView.wxml --> <view class="container"> <view class="<em>top-bar</em>"> <block ，示例代码如下： /* component/pagesView/pagesView.wxss */ .container { width: 100vw; height: 100vh; } .top-bar

39200编辑于 2025-01-21

来自专栏AnRFDev

「小程序」开发记录

.top-bar { position: relative; height: 40px; } .pb { position: absolute; width: 100%; } .top-title-field ; height: 100%; align-items: center; display: flex; justify-content: center; } <view class="<em>top-bar</em>

7.7K20发布于 2021-02-01

来自专栏前端逗逗飞

vuecli实现移动端视频类webAPP- 项目基本骨架搭建

完成后的效果 image.png 创建顶部导航栏在你的工程内创建Topbar.vue 代码如下 <template>

<div class changeTop(index) { this.topIndex = index; }, }, }; </script> <style lang="less" scoped> .top-bar

76220发布于 2021-04-30

如何完成WEB标准的网站重构？

未启用 GZIP 压缩步骤 2：语义化重构（HTML 案例）重构前代码（非语义化）：

<div class="item

80600编辑于 2025-02-17

来自专栏前端开发

深度解构 Angular 构建流：Critical CSS 的判别逻辑与核心算法

section></main>

</app-root></body>```SCSS样式源文件：```scss//_layout.scss.layout-container{display:flex;}.top-bar 时不存在).tooltip-box{position:absolute;z-index:999;}```判定逻辑的深度推演现在，算法开始运作，针对上述代码进行判别：判定.layout-container,.top-bar

8010编辑于 2026-04-16

来自专栏前端与Java学习

前端移动web-day05学习笔记

-- 行：父元素（top-bar banner nav-bar list） -->

</ -- 行：父元素（top-bar banner nav-bar list） -->

3.7K20发布于 2020-03-31

来自专栏李维亮的博客

PhotoSwipe中文API(二)

default it's used to highlight the close button. closeElClasses: ['item', 'caption', 'zoom-wrap', 'ui', 'top-bar

3.3K20发布于 2021-07-09

来自专栏h5源码

外卖点餐源码|外卖点餐小程序源码h5

collapse" data-target="#fixed-collapse-navbar" aria-expanded="false"> <span class="icon-bar <em>top-bar</em>

1.5K30编辑于 2023-08-06

来自专栏前端技术分享

点亮你的Vue技术栈，万字Nuxt.js实践笔记来了

/layouts/default.vue : <template>

<top-bar ></top-bar> <main class="main"> <nuxt /> </main> <back-top></back-top>

</template layouts/default-white.vue : <template>

<top-bar ></top-bar> <main class="main"> <nuxt /> </main> <back-top></back-top>

</template

25.8K31发布于 2020-08-24

来自专栏HelloGitHub

《HelloGitHub》第 65 期

1K20发布于 2021-09-09

.NET 程序员如何学习Vue

使用dreamweaver制作采用DIV+CSS进行布局——美食甜品店铺加盟企业HTML静态网页 ——学生美食网页设计作品静态HTML网页模板源码

07Vue.js快速入门-Vue路由详解

【愚公系列】《微信小程序与云开发从入门到实践》031-开发一款多Tab页自定义组件

「小程序」开发记录

vuecli实现移动端视频类webAPP- 项目基本骨架搭建

如何完成WEB标准的网站重构？

深度解构 Angular 构建流：Critical CSS 的判别逻辑与核心算法

前端移动web-day05学习笔记

PhotoSwipe中文API(二)

外卖点餐源码|外卖点餐小程序源码h5

点亮你的Vue技术栈，万字Nuxt.js实践笔记来了

《HelloGitHub》第 65 期

zblogPHP万能型主题模板希望（Hopelee）全新绽放，独具热爱，自成一派

BootStrap案例

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐