![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 64
GG_Zdd
这个作者很懒,什么都没留下…
展开
-
elementUi踩坑:Custom elements in iteration require ‘v-bind:key‘ directives.
elementUi踩坑:Custom elements in iteration require ‘v-bind:key’ directives.1.错误信息:在使用vue脚手架开发时使用element组件所遇到的一个一个问题:Custom elements in iteration require ‘v-bind:key’ directives.如图:解决办法:原因:vue更新到2.2+版本后v-for指令需要绑定对应的key。设置key后编译器通过。如图:注意事项:还是得多注意vue的原创 2021-04-16 13:56:55 · 1010 阅读 · 0 评论 -
Vue.js-小demo实现简单的游戏购物车table
Vue.js-小demo实现简单的游戏购物车table最近通过学习vue框架,基本熟悉了其中的动态绑定属性,计算属性,监听,条件判断,循环遍历,所以通过一个小demo来巩固一下。这个小demo主要是通过 通过动态绑定v-bind,计算属性computed,v-if和v-else的条件判断,v-for循环遍历的使用以及一个小的打印格式过滤器。效果图:整体效果是一个table,购物车嘛,最少就是1,所以我加了个disabled限制当数量为1时,禁止点击提交。代码的话分为三个部分,静态页H5,主体js,原创 2021-01-21 14:03:16 · 277 阅读 · 0 评论 -
v-if实现简单的用户切换登录
v-if实现简单的用户切换登录前几天对v-if做了个简单的分析,今天想着写点啥,布尔判断进行切换,那就用户登录了。上代码!代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!--Vue里的复原创 2021-01-19 14:49:51 · 1022 阅读 · 0 评论 -
v-if、v-else-if和v-else与计算属性computed简单对比
v-if、v-else-if和v-else与计算属性computed对比对于条件判断指令不够深入,特此与计算属性computed做个简单对比,加深一下对于这个的理解。如果有小伙伴想要深入了解Vue.js框架的条件渲染可以去官方文档看一下哦。官网文档:条件渲染-Vue.jshttps://cn.vuejs.org/v2/guide/conditional.html话不多说上代码:<!DOCTYPE html><html lang="en"><head> &原创 2021-01-14 16:18:20 · 580 阅读 · 0 评论 -
Vue框架中v-for和v-bind指令实现简单的动态class
Vue框架中v-for和v-bind指令实现简单的动态classVue框架中v-for和v-bind指令实现简单的动态class,鼠标点击按钮实现class动态变红<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .active{ color:red原创 2021-01-12 11:21:19 · 576 阅读 · 5 评论 -
前端项目中如何安装添加ElementUI组件
前端项目中如何安装添加ElementUI组件今天在搭建前端开发环境时,所遇到的一些小问题,拿出来和大家分享一下。**1.什么是ElementUI?可以用来做什么?**ElementUI是我们学习前端Vue框架里核心思想式组件和数据驱动,而ElementUI就是其中的一种组件。ElementUI是饿了吗推出的基于Vue2.9的组件库,可以给我们提供丰富的组件库,帮助我们对项目进行模板编写,样式设计,事件添加,数据获取。...原创 2021-01-11 19:08:40 · 1724 阅读 · 0 评论 -
Vue生命周期
Vue的生命周期 随笔记,使用前端框架Vue.js开发时需要理解的逻辑关系。1.Vue的生命周期简单理解:vue每个组件(可重复使用的Vue实例,可作为自定义元素来使用)独立。每个组件都有一个属于他自己的生命周期,一个组件从创建–>数据初始化–>挂载–>更新–>到销毁结束后,这就称之为组件的生命周期。2.Vue8个生命周期函数:**beforeCreate:**创建Vue实例之前(只有默认的一些生命周期和默认的一些事件,data和methods还没有被初始化)**cre原创 2021-01-08 12:12:59 · 121 阅读 · 0 评论 -
使用npm安装Vue并创建项目
**使用npm安装Vue并创建项目**一.下载node.js官方下载地址:https://nodejs.org/en/download/选择相应版本安装下载完成后一路next到安装完成。一般情况环境变量自动添加完成,win+R键输入cmd打开命令行测试是否安装成功:输入node -v输入npm -v二.安装cnpm在命令行中使用下面命令安装淘宝镜像npmnpm install -g cnpm --registry=https://registry.npm.taobao.org原创 2021-01-05 09:54:10 · 528 阅读 · 0 评论