vue
关注
分享
扫一扫
hello big_bear
这个作者很懒，什么都没留下…
展开
-
原生js实现数据双向绑定
双向绑定使用原生js实现数据的双向绑定。关于vue的双向数据绑定，其核心是 Object.defineProperty()方法Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性Object.defineProperty(obj, prop, desc)obj：需要定义属性的当前对象。prop：当前需要定义的属性名。desc：具体的改变方法。<!DOCTYPE html><html> <head&原创 2021-12-31 17:35:52 · 2632 阅读 · 0 评论 -
vue2和vue3在使用element-ui日期选择框中禁用日期的实现
vue2中饿了么的日期禁用上了先上个官方文档，可以看见vue2的disabledDate是在picker-options里面的。因为vue2的写法应该把disabledDate写在:picker-options里面，可以使用这种写法。 <el-form-item label="预计收货时间" prop="estimatedDate" required> <el-date-picker v-model="formDa原创 2021-08-18 11:23:16 · 3467 阅读 · 8 评论 -
使用vue和element实现点击按钮多选同时打开多个页面的效果
<template> <div> <h1>同时打开多个页面</h1> <el-checkbox-group v-model="checkList"> <el-checkbox label="http://www.baidu.com">百度</el-checkbox><br/> <el-checkbox label="http://www.taobao.原创 2021-07-22 16:18:22 · 2378 阅读 · 2 评论 -
vue在输入框点击回车后聚焦另外一个输入框
代码：<template> <div><el-input v-model="input" placeholder="用户名" @keyup.enter.native='a1()'></el-input><el-input v-model="input2" placeholder="密码" ref="password"></el-input> </div></template><scrip原创 2021-05-10 21:25:12 · 1398 阅读 · 1 评论 -
怎么打开运行一个vue脚手架搭建的项目
1、下载好的文件下找到package.json这个文件。2、用编译器打开它的上级目录。（图片的上一级目录是VUE-ERP,你的项目名不一样）3、下载依赖。输入命令：cnpm install（cnpm下载有时莫名其妙的出bug）npm install （很慢，小型项目还行）yarn （要先下载yarn才能用，建议，很好用）3.1 为什么有3.1？有时候下载依赖的时候会出错，尝试一下删除依赖文件重新下载。node_modules这个文件整个删除。（如果下载依赖没事，跳过这个3.1原创 2021-05-10 10:33:52 · 4184 阅读 · 2 评论 -
html实现简易音乐播放器
目标：使用vue.js导包的形式做一个简单的音乐播放器，新手也很容易看懂。内容：1、 使用了flex实现响应式布局；2、 使用min-width防止字体被压缩；3、 使用computed计算属性对歌曲的路径缓存；4、 掌握基础的vue指令的使用；效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>简易音乐播放器</title&原创 2021-04-30 15:37:46 · 11712 阅读 · 20 评论 -
在vue中点击按钮改变div样式
目标：如何点击按钮触发事件，改变div的颜色（样式）方法：通过三目运算符判断选择那个样式：代码： <!doctype html><html> <head> <title>div点击按钮改变样式</title> <meta charset="utf-8" /> <script src="https://cdn.jsdelivr.net/npm/vue"></script原创 2021-04-14 17:26:23 · 4231 阅读 · 0 评论 -
vue如何搭建脚手架，超详细
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、安装node二、安装cnpm三、安装webpack四、安装vue-cli五、创建项目总结前言如何搭建vue脚手架提示：以下是本篇文章正文内容，下面案例可供参考一、安装nodewin+r输入cmd打开控制台窗口，输入：node -v检查是否安装node。如果没有安装先去官网安装，安装地址：https://nodejs.org/en/二、安装cnpm（非必要），但是国内的话安装了会快很多。输入命令安装：n原创 2021-04-12 18:26:27 · 10231 阅读 · 1 评论