Vue.js
关注
分享
扫一扫
勘察加熊人
这个作者很懒，什么都没留下…
展开
-
vue+form实现flappybird
vue+form实现flappybird。原创 2025-04-04 00:17:48 · 93 阅读 · 0 评论 -
angular 实现路由效果 router
angular 实现路由效果 router。原创 2024-10-29 11:56:50 · 197 阅读 · 0 评论 -
Html学习 2022年3月26日
Html学习：html第三课：动画效果3.1 css动画div{ width: 100px; height: 100px; line-height: 100px; text-align: center; background-color: red; position: relative; animation: anim 5s infinite alternate; -webkit-animation: anim 5s infinite alternate;}@k原创 2022-03-26 10:30:59 · 642 阅读 · 0 评论 -
Html学习：基础属性和控件
Html学习：第一课html基础属性和控件HTML代表超文本标记语言HTML 是用于创建网页的标准标记语言HTML 描述网页的结构HTML由一系列元素组成HTML 元素告诉浏览器如何显示内容HTML 元素标记内容片段，例如“这是一个标题”、“这是一个段落”、“这是一个链接”等。<html><head> <meta charset="UTF-8"/> <title>Node_of_HTML</title></head原创 2022-03-24 11:23:26 · 270 阅读 · 0 评论 -
react 路由跳转
react 路由跳转step1:npm i react-router-domstep2: E:\Users\coder\WebstormProjects\untitled2\src\component\about.jsimport React from 'react';function About () { return <div> <h2>GeeksforGeeks is a computer science portal for geeks原创 2021-11-09 15:43:24 · 623 阅读 · 0 评论 -
vue循环传值组件化
vue循环传值组件化step1:<template> <div> <v-row> <v-col v-for="(item, i) in tabs" :key="i"> <cabStyle :data="item" :visible="item.visible"></cabStyle> </v-col> </v-row>原创 2021-11-03 14:53:08 · 438 阅读 · 0 评论 -
两种方式覆盖css样式
两种方式覆盖css样式step1:<template> <div> <h1>{{ date + '\t' + e4 }}</h1> <v-dialog v-model="dialogIncorrectInfo" max-width="580"> <v-card> <v-date-picker v-model="date" locale原创 2021-10-30 11:13:52 · 978 阅读 · 0 评论 -
vue 登录form表单校验
vue 登录form表单校验<template> <v-app> <v-main class="d-flex align-center justify-center"> <v-card class="pa-8 ma-3 h400" elevation="5"> <v-img src="http://www.gov.cn/xinwen/2021-10/原创 2021-10-27 15:48:15 · 358 阅读 · 0 评论 -
vue-button设置按钮是否可点击状态
vue-button设置按钮是否可点击状态<template> <v-app> <v-main> <v-btn class="error" text @click="addSave" :disabled="langAbbrs">保存 </v-btn> </v-main> </v-app><原创 2021-10-25 15:28:32 · 2743 阅读 · 0 评论 -
vue select 绑定复杂数据和默认显示
vue select 绑定复杂数据和默认显示<template> <div> <v-btn class="error" @click="btn">测试</v-btn> <v-select id="list" v-model="sortBy" :items="itemSortBy" placeholder="Sort By" solo h原创 2021-10-23 17:55:47 · 392 阅读 · 0 评论 -
vue router child 循环按钮传值
vue router child 循环按钮传值step1: F:\gftproject\vuetify\router\twelve\my-app\src\router\index.js{ path: '/manparty', name: 'ManParty', component: ManParty, children: [ { path: 'style', component: partyStyle }, { path: '原创 2021-10-19 11:11:23 · 313 阅读 · 0 评论 -
vue删除刷新页面
vue删除刷新页面<template> <v-app dark class="main-app"> <Footer /> <v-main class="bg"> <router-view v-if="isRouterAlive"/> </v-main> </v-app></template><script>import Foote原创 2021-10-15 11:15:36 · 593 阅读 · 0 评论 -
vue+springboot多文件上传
vue+springboot多文件上传参考地址:https://github.com/Junhyunny/blog-in-action.git具体路径：F:\project\upload\blog-in-action-master\2021-01-20-multipartfilespringboot:step1: F:\project\swserver\two\goodUpload\pom.xml<?xml version="1.0" encoding="UTF-8"?><pr原创 2021-09-29 15:13:15 · 335 阅读 · 0 评论 -
javascript生成复杂json字符串
title: javascript生成复杂json字符串step1: vue调用<template> <div> <h1>{{this.num0}}</h1> <h1>{{this.num1}}</h1> <h1>{{this.num2}}</h1> </div></template><script>import { getDat原创 2021-09-26 10:24:36 · 588 阅读 · 0 评论 -
vue 3d旋转轮播图
vue 3d旋转轮播图step1:添加依赖npm i vue-carousel-3dstep2: 引入项目import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import Carousel3d from 'vue-carousel-3d'Vue.use(Carousel3d)Vue.config.productionTip = f原创 2021-09-22 10:01:55 · 2941 阅读 · 0 评论 -
router路由完美demo
完美路由模板step1: 添加依赖npm install vue-routernpm install sass-loaderstep2: F:\gftproject\vuetify\router\twelve\my-app\src\main.jsimport Vue from "vue";import App from "./App.vue";import router from "./router/index";import vuetify from "./plugins/原创 2021-09-22 10:01:25 · 373 阅读 · 0 评论 -
veutify分页
step1:<template> <div> <div style="font-size:50rpx;" v-for="(item, i) in currentPageData" :key="i"> <v-card-text>{{item.title}}</v-card-text> </div> <div class="text-center"&原创 2021-08-23 16:36:36 · 224 阅读 · 0 评论 -
vue实现简单计算器
step1:<template> <v-app dark class="main-app"> <v-main class="bg"> <router-view /> </v-main> </v-app></template><script>export default { name: "App",};</script><原创 2021-08-18 17:57:43 · 640 阅读 · 0 评论 -
vue图表chart
step1:importnpm install echarts --savestep2:used<template> <div> <div ref="lineChart" style="width: 800px; height: 400px; background-color: #ffffff; padding: 20px; border-radius: 20px;"></div> </div>&原创 2021-08-02 14:11:09 · 351 阅读 · 0 评论 -
vue富文本编辑器
step1：引入插件 npm install --save vue2-editorstep2：使用插件<template> <div class="editor-container"> <p class="expain"> 富文本编辑器是重要并且核心的功能，我们最终选择了vue2-editor，轻量高效，详细请见官方 <a href="https://www.awesomes.cn/repo/davidroyer/原创 2021-08-02 09:35:48 · 1047 阅读 · 0 评论 -
vue在线预览
https://github.com/wrs13634194612/kkFileView原创 2021-06-17 15:11:04 · 557 阅读 · 0 评论 -
Vue如何引用Vant组件
新的解决方案：step1:cnpm install vant --save-devstep2:cnpm install babel-plugin-import --save-devstep3: babel.config.js 添加module.exports = {presets: ["@vue/cli-plugin-babel/preset"],plugins: [['import', {libraryName: 'vant',libraryDir..原创 2021-05-07 14:54:18 · 433 阅读 · 0 评论