vue
六十年后九点半
这个作者很懒,什么都没留下…
展开
-
后台管理文件和其它字段一起上传
文件上传和字段一开始困惑了自己很久,后来发现有一种方法formdata可以将文件和表单一起传到后端,首先使用el-upload组件获取到本地上传的文件,我需要手动上传因此设置:auto-upload=false,知识点:给组件上添加一个ref="upload"就可以获取该组件对象,如果不是组件就是获取该元素,组件通信的一种方式 //手动上传 submitUpload() { this.$refs.upload.submit(); },//action是上传的服务器原创 2021-06-08 14:56:45 · 410 阅读 · 0 评论 -
vue引入vue-table-with-tree-grid使用
在做项目过程中需要用的嵌套的表格就想到到了黑马之前用的,站在别人肩膀上可以走很多歪路。1.安装不足开发依赖和运行依赖区别2.vuecli3main.jsimport TreeTable from 'vue-table-with-tree-grid'// 组件全局注册 表格树Vue.component('tree-table', TreeTable) <!-- 表格 --> <tree-table border :data="me原创 2021-06-08 14:39:24 · 926 阅读 · 0 评论 -
后台管理之router使用
import Vue from 'vue'import VueRouter from 'vue-router'// 路由懒加载Vue.use(VueRouter)// const Login = () => import( '../views/login/Login')const Home = () => import( '../views/Home.vue')const Welcome =()=>import('../views/Welcome.vue')```cons原创 2021-06-08 14:27:22 · 142 阅读 · 0 评论 -
后台管理之首页框架搭建
在搭建后台管理的时候使用的ElementUI框架,框架很方便,知其然知其所以然更重要.首先在src文件夹下创建views文件夹,然后创建Home.vue在首页布局上发现elementUI提供了合适的布局方式<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> &原创 2021-06-08 14:20:19 · 366 阅读 · 0 评论 -
后台管理之axios
axios在vuecli3中应用axios是将ajax封装好的一个对象,方便开发.1.安装此处省略2.如何使用在main.js中//原型不足import axios from 'axios'//baseUrl是十分重要的,开发中避免硬编码axios.defaults.baseURL=''//方便调用axiosVue.prototype.$http=axios在项目开发中注意使用的请求方式是get,post,以及请求头(此处)//http不足 //post方式 //形式1原创 2021-06-08 13:47:32 · 102 阅读 · 0 评论 -
计算属性和监听器
计算属性计算属性的特点:1.声明式逻辑特点2.降低代码的重复率,使得程序的效率更高3.对任何复杂的逻辑都应该使用计算属性 <div id="app"> {{message}} </div> let vm = new Vue({ el:"#app", data:{ message:'计算属性' } methods:{ reverseMessage2:function(){ retu原创 2021-03-01 21:40:00 · 125 阅读 · 0 评论 -
Vue的模板语法
Vue.js使用了基于Html的模板语法,允许开发者声明式的将DOM绑定到底层Vue实例的数据,所有的Vue.js的模板都是合法的Html.所以能被遵循规范的浏览器和Html解析器解析在底层实现上,Vue将模板编译成虚拟DOM渲染函数.结合响应系统,Vue能够智能地计算出最少需要重新渲染多少组件,并把DOM操作次数减少到最少.插值文本数据绑定中最常见的形式就是使用"Mustache"语法,(双大括号)的文本插值 <span> {{msg}}</span>插值标签将会被替原创 2021-03-01 17:27:23 · 194 阅读 · 1 评论 -
Vue实例
每个Vue应用都是从创建Vue实例开始的.var vm = new Vue({})受到MVVM模型的设计启发,vm(View Model) 这个变量名表示Vue实例创建Vue实例对象时候,传入一个选项对象.在这个选项对象中可以创建我们想要的行为.详见https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE一个Vue应用是通过new Vue创建的根Vue实例,以及可选的嵌套的,可复用的组件树组成.举个例子,一个todo应用原创 2021-02-28 16:45:01 · 100 阅读 · 0 评论 -
hello Vue
1.Vue的简介Vue是一款构建用户界面的渐进式框架. Vue被设计为可以自底向上逐层应用.Vue的核心是只关注视图层,不仅易于上手,而且便于与第三方库或者既有项目整合.另一方面,当与现代化的工具链以及各种类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动.2.Vue的安装方式1.使用cdn方式安装开发版本环境.包含了有帮助的命令行警告<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"><原创 2021-02-28 14:34:02 · 182 阅读 · 1 评论