vue
面向未来的历史
这个作者很懒,什么都没留下…
展开
-
nuxt.js/vue监听页面滚动到底部
环境: nuxt.js/vue实现mounted() { let that = this; this.$nextTick(() => { // this.initScroll() window.onscroll = function () { //变量scrollTop是滚动条滚动时,距离顶部的距离 var scrollTop = document.documentElement.scrollTop ||原创 2021-09-03 20:24:41 · 1622 阅读 · 0 评论 -
nuxt.js显示markdown文档
环境: Nuxt.js, markdown背景: 编辑器中写的markdown 存到数据库, 现在要通过接口获取这些数据,并在页面上显示。1、安装 ‘@nuxtjs/markdownit’npm i @nuxtjs/markdownit2、配置 nuxt.config.jsexport default { modules: [ '@nuxtjs/markdownit' ], markdownit: { runtime: true, pres原创 2021-09-03 20:19:00 · 1407 阅读 · 0 评论 -
nuxt.js 跨域与代理配置
环境: nuxt.js开发工具: terminal, Visual Studio Code1安装@gauseen/nuxt-proxynpm install @gauseen/nuxt-proxy 2、配置nuxt.config.jsexport default { modules: [ '@gauseen/nuxt-proxy', ], proxyTable: { '/api':{ target: 'http://example.com', ws: fal原创 2021-09-03 20:05:11 · 3714 阅读 · 0 评论 -
vue路由跳转与数据刷新
环境: Nuxt.js ,buefy1、导航栏跳转网站域名: http://example.com将导航栏做成组件。点击每个栏目(home, stay, study)进行跳转,方法有多种,可以通过a标签,或者 , 此处我采用 事件进行路由跳转:stay 与stay 共用同一份code文件(study 下的 index.vue),只是数据不同。--layout -- home.vue--page -- index.vue -- study -- index.vue1、从h原创 2021-09-03 19:56:00 · 1271 阅读 · 0 评论 -
vue 记录
背景:使用vue的目的是因为组件化方便。然之前使用 html/css/js + beego 也能实现(beego做服务,js处理逻辑与数据展示),但是这个工作量较大,对于后期维护也不方便。1 引入外部 css, js如果css,js文件是http形式的,可以之间在组中进行引入,比如:<link rel="stylesheet" href=&am原创 2018-06-04 10:11:13 · 864 阅读 · 0 评论 -
vue 组件之间传递数据
父组件向子组件传递数据有PageA, PageB 组件(父组件),这两组件将使用 Header组件(子组件), Header 中的 显示的数据来自 PageA 与 PageB中。目录结构:-components -- PageA.vue -- PageB.vue --sub -- Header.vueHeader.vue 代码 假设 要值的变量名为 name 子组件...原创 2018-06-13 16:21:46 · 704 阅读 · 0 评论