vue
镜中月下水中花
涉猎面很广的新人博主,会努力继续更新的!
我所遇到的问题,全部会来这里记录,供大家参考!
展开
-
使用cmd命令来创建vue项目
一使用命令进入你所要创建的文件夹二输入创建命令:vue init webpack [projectName]其中projectName必须要小写,不然会报错三四项目创建完成原创 2019-08-29 09:28:19 · 2207 阅读 · 0 评论 -
如何安装vue
第一步去node.js官网下载node.jsnode.js官网第二步在CMD里面输入:npm install --global vue-cli安装脚手架工具vue-cli第三步1.vue项目初始化命令如下,若没有安装webpack,则先安装webpacknpm install -g webpack2.初始化项目测试vue init webpack myVue第四步进入到myVu...原创 2019-08-27 18:01:24 · 278 阅读 · 0 评论 -
关于vue取值的问题
首先我们来看错误代码的截图在这个下拉框这里,没有任何数据,但是控制台又返回了数据我们来看看控制台的数据我们再来看看错误的的代码部分错误的原因是因为,在控制台里面,我的data下面,已经没有data了,所以截图上的错误就是在data下面在找data,但是我的下面已经有了,所以才出现了开始那情况。如果data下面有个list,那么如果想获取数据就是data.list!如果data下面...原创 2019-06-29 00:10:10 · 2135 阅读 · 0 评论 -
根据状态来判断是否显示按钮
***首先来看截图***在这里插入图片描述假如我们已经审核之后,就不能让这个按钮出现,所以接下来来看代码<div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submit" size="mini" v-if="form.status === 1">提交</...原创 2019-06-28 15:47:17 · 7766 阅读 · 0 评论 -
关于vue+element的图片显示功能(路径是从数据库获取的)
首先来看效果图再来看代码html部分 <el-popover placement="right" trigger="hover"> <img :src= url style="width: 500px;height: 400px"> <img slot="reference" :src=url style="width: 300px...原创 2019-06-27 15:33:24 · 24090 阅读 · 9 评论 -
在vue里面使用原生的视频播放组件
<el-form-item label="视频" prop="video" style="width: 35%"> <div class="whole"> <video :src="video" controls="controls"></video> </div><...原创 2019-06-24 10:52:15 · 6996 阅读 · 1 评论 -
关于vue的搜索功能
首先来看截图原创 2019-06-26 09:27:20 · 880 阅读 · 0 评论 -
关于点击悬浮显示大图的功能
<el-popover placement="right" trigger="hover"> <img :src= url style="width: 500px;height: 380px"> <img slot="reference" :src=url> </el-popover>第一个是显...原创 2019-06-21 18:20:32 · 673 阅读 · 0 评论 -
关于不同的身份不同的按钮的问题
首先来看效果图在来看代码代码很简单,只要在html页面加内容就可以了重点就在那个v-if上面我们在来看看加了这个之后,开始的弹窗效果能不能实现呢?效果还是存在!我们接下来看,如果没有那个v-if,是不是还有效果呢?没有v-if的话,给用户的体验就是很好!(完)...原创 2019-06-25 10:41:42 · 391 阅读 · 0 评论 -
关于diaLog的问题
1做一个弹框html部分<template> <el-card> <div slot="header"> <span>资源分类列表</span> <el-button @click="dialogEditVisible = true">新增分类</el-button> ...原创 2019-06-19 11:07:21 · 224 阅读 · 0 评论 -
vue项目中如何引入element
在main.js里面写入import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI);我们来看效果图如果没有写最开始的三句代码效果就会是这样《完》...原创 2019-08-29 10:27:02 · 682 阅读 · 0 评论