乐胖代购免代理版

vue简单实现九宫格抽奖

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" contel.

html

九宫格

scala

原创 2022-07-06 19:13:54 996 阅读

Vue实现移动端购物车功能

页面运用到了vant的Stepper 步进器来实现商品的增加和减少<template> <div class="box"> <div class="block"> <div class="shop" v-for="(item,index) in orderData" :key="index"> <d

完整项目

2d

3c

原创 2022-07-06 17:17:51 478 阅读

Vue实现输入框自动聚焦

官方文档自定义指令 Vue.js <textarea type="text" placeholder="说些什么吧" v-focus>

Vue

自定义指令

vue.js

原创 2022-07-06 16:44:48 462 阅读

Vue文字数组向上翻动

<template> <div class="marquee" @mouseenter="en

h

原创 2022-07-06 16:44:31 167 阅读

Vue中set方法操作数组

let list = [1,2,3,4,5]我定义一个数组list我想通过下标改变数组的值this.list[0] = 2这种方法是不行

数组

数据

数组方法

原创 2022-07-06 16:44:19 113 阅读

Vue处理页面预加载显示{{}}的问题

编程

原创 2022-07-06 16:42:40 199 阅读

vue用mixin实现共用数据方法

在src目录新建一个mixins文件夹，里面新建index.js文件这里写公共的值和方法export const mixin = { data() { return { mixi

编程

原创 2022-07-06 16:40:38 66 阅读

vue导入外部css不污染全局

导入外部css<style src="./main.css" scoped></style>导入外部less需要先安装less插件npm install less less-loader <style src="./main.less" lang="less" scoped></style>

css

原创 2022-07-06 16:40:27 317 阅读

vue使用provide和inject实现父组件与子孙组件传值

父组件通过provide提供数据，子组价/子孙组件使用inject注入数据父组件<template> <div> <navbar></navbar> </div></t

ide

提供数据

数据

原创 2022-07-06 16:40:12 81 阅读

Vue子组件监听父组件传递值的变化

这是要从父组件接收的值 props: { active: { type: [String, Number], default: 0, } },使用watch对active进行监听值变

编程

原创 2022-07-06 16:38:14 1868 阅读

Vue函数调用自定义组件

无需导入vue文件，一段js调用自定义组件components文件夹新建loading文件夹在里面存放index.js和index.vueindex.vue<template>

ico

数据加载

ide

原创 2022-07-06 16:37:44 458 阅读

Vue用keep-alive实现页面缓存

App.vue<template> <div id="app"> <keep-alive :exclude="excludePage"> <route

缓存

原创 2022-07-06 16:37:28 189 阅读

Vue页面中引用自定义组件

比如我想引用一个外部的头部导航的组件，因为这个导航在很多地方都用到，避免每个页面都写一遍首先我先在compon

编程

原创 2022-07-06 16:37:27 819 阅读

Vue中computed和watch示例区别

computed示例<template> <div class="box"> <input type="text" v-model="keyCode" placeholder="筛选" /> <ul> <li v-for="(item, index) in filterCode" :key="index">{{ item

数据

异步操作

数据缓存

原创 2022-07-06 16:37:02 56 阅读

Vue监听文本框实时输入限制输入长度

编程

原创 2022-07-06 16:36:10 500 阅读

Vue实现pc/H5弹窗拖拽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

html

sed

h5

原创 2022-07-06 16:35:30 287 阅读

Vue根据数据字段大小进行排列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=

html

数据

数组

原创 2022-07-06 16:32:11 165 阅读

Vue里v-for循环双层数组

<div class="one" v-for="(item,index) in course_list" :key="index"> <div class="banne

数组长度

原创 2022-07-06 16:32:06 307 阅读

Vue实现微信公众号授权登录

新建个文件wechatAuth.jsconst queryString = require('qs')// 应用授权作用域，snsapi_base （

ios

sed

微信公众号

原创 2022-07-06 16:32:02 1535 阅读

Vue上传头像到服务器加回显照片

赋值

ios

原创 2022-07-06 16:31:55 41 阅读

vue实现动态展示波浪效果

效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <me

ide

html

vue.js

原创 2022-07-06 16:31:08 646 阅读

Vue使用props和emit父子组件通信

创建一个子组件<template><div> <h2>{{title}}</h2></div></template><script>ex

vue.js

javascript

前端

原创 2022-07-06 16:28:34 78 阅读

Vue使用ref父子组件通信

创建一个子组件<template><div><div @click="getparent"></div>

j

原创 2022-07-06 16:28:28 166 阅读

Vue使用eventBus实现兄弟组件传值

在src下新建个文件夹建个js，在这里我取名为VueEvent.js,在store文件夹下，在这个文件中实例化vueim

数据

实例化

原创 2022-07-06 16:28:20 79 阅读

Vue设置浏览器的标题title和图标icon

效果图设置浏览器的title<template> <div>hello world</div></template><script>export de

ico

原创 2022-07-06 16:28:15 308 阅读

Vue动态赋值video视频

<video id="myvideo" ref="video" controls autoplay webkit-playsinline

ide

原创 2022-07-06 16:27:06 204 阅读

Vue点击切换样式

先看效果图这里直接是上代码<template> <ul> <li :class="[index == status ? 'bechoice'

vue

for循环

原创 2022-07-06 16:27:01 1706 阅读

Vue实现push数组并删除方法

最近在用Vue做评论互动的时候用到了push，现在做一个简易的demo<template> <di

Vue

Push

数组

原创 2022-07-06 16:26:14 1167 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq62c540ca3eb9b的博客

vue简单实现九宫格抽奖

Vue实现移动端购物车功能

Vue实现输入框自动聚焦

Vue文字数组向上翻动

Vue中set方法操作数组

Vue处理页面预加载显示{{}}的问题

vue用mixin实现共用数据方法

vue导入外部css不污染全局

vue使用provide和inject实现父组件与子孙组件传值

Vue子组件监听父组件传递值的变化

Vue函数调用自定义组件

Vue用keep-alive实现页面缓存

Vue页面中引用自定义组件

Vue中computed和watch示例区别

Vue监听文本框实时输入限制输入长度

Vue实现pc/H5弹窗拖拽

Vue根据数据字段大小进行排列

Vue里v-for循环双层数组

Vue实现微信公众号授权登录

Vue上传头像到服务器加回显照片

vue实现动态展示波浪效果

Vue使用props和emit父子组件通信

Vue使用ref父子组件通信

Vue使用eventBus实现兄弟组件传值

Vue设置浏览器的标题title和图标icon

Vue动态赋值video视频

Vue点击切换样式

Vue实现push数组并删除方法

欢迎