<template> <div v-show="showGoTopIcon" id="goToTop" class='go-to-top' @click="scrollToTop" > <img src="../assets/backtotop.png"> </div> </template>
目前分類:Vue (9)
- Oct 14 Wed 2020 00:40
[HTML] [Vue] 回到頂端(scroll to top / go to top) 元件 方法二
- Sep 15 Tue 2020 20:41
[HTML] [Vue] 收合動畫效果元件 + 使用
// 動畫效果可以在此更改為需要的
const elTransition =
'0.4s height ease-in-out, 0.4s padding-top ease-in-out, 0.4s padding-bottom ease-in-out';
- Sep 11 Fri 2020 21:06
[HTML] [Vue] 回到頂端(scroll to top / go to top) 元件
<template> <div v-show="showGoTopIcon" id="goToTop" class='go-to-top' @click="scrollToTop" > <img :src="goTopSrc"> </div> </template>
- Jul 08 Wed 2020 21:21
[HTML] [Vue] 蒙板元件
<template>
<div>
<div class="mask full-page">
<div class="mask-background"> </div>
<div class="mask-slot">
<slot />
</div>
</div>
</div>
</template>
- Feb 20 Wed 2019 14:04
[Vue] 使用VueRouter (SPA頁面)
使用VueRouter(SPA頁面)
1.import VueRouter from 'vue-router'
2.Vue.use(VueRouter);
- Feb 20 Wed 2019 13:41
[Vue] Vue CLI 3 中 使用 bootstrap 教學
因為 Vue CLI 3 不使用 templates ,改用 render,所以無法和 Vue CLI 2一樣直接在index裡面引入使用bootstrap
那要如何使在Vue CLI 3使用bootstrap ?
步驟:
1.安裝 bootstrap 和 bootstrap-vue,兩個都需要安裝
npm i bootstrap / yarn add bootstrap
npm i bootstrap-vue / yarn add bootstrap-vue
- Feb 14 Thu 2019 23:07
[Vue] vue axios 跨域處理 配置設定
vue axios 跨域處理
1.在跟目錄下建立vue.config.js
- Feb 14 Thu 2019 18:44
[Vue] vue中使用 axios
1.在main.js裡面設定axios
以下兩步驟引入axios
引入axios
import Axios from 'axios'
// 引入的Axios掛載到Vue實例上
Vue.prototype.$axios = Axios;