vue
关注
分享
扫一扫
LYK_HAHA
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
avue文件上传组件的使用
引用avue-form 的代码<avue-form :option="imgOption" v-model="imgForm" :upload-preview="uploadPreview" :upload-error="uploadError" :upload-delete="uploadDelete" :upload-before="uploadBefore" :upload-after原创 2021-10-26 14:57:19 · 5280 阅读 · 0 评论 -
avue富文本的使用
1 .安装npm install avue-plugin-ueditor --save2. 直接使用<avue-ueditor v-model="text" :options="options"></avue-ueditor>图片上传配置————(支持oss,支持ctrl+v粘贴图片)具体用法参考https://avuex.avue.top/#/doc/form-uploadoptions: { //普通图片上传 action: "https://avuej原创 2021-10-26 14:32:55 · 2399 阅读 · 1 评论 -
avue的CRUD属性介绍
<avue-crud :data="data" :option="option" v-model="form"></avue-crud><script>export default { data() { return { form:{},//新增修改时绑定的表单 data: [ //表格显示的数据 { name:'张三', sex:'男'原创 2021-10-06 11:50:10 · 1806 阅读 · 0 评论 -
avue自定义操作栏
avue自定义操作栏需要定义一个插槽，并且将slot属性设置为menu通过menuWidth属性可以改变操作栏的宽度<avue-crud :data="data" :option="option"> //自定义插槽 <template slot-scope="{type,size}" slot="menu"> <el-button icon="el-icon-check" :size="size" :type="type">自定义菜单按钮</原创 2021-10-06 11:25:47 · 3902 阅读 · 2 评论 -
vuex状态管理器
vuex状态管理器作用： 可以存放全局变量vuex的安装安装vuex到当前项目下，在当前项目的文件夹下运行cmd,执行命令npm install vuex --savevuex的使用新建一个store文件夹，store文件夹内添加一个index.js文件在index.js文件内引入vuex并挂载到vue上import Vue from 'vue'import Vuex from 'vuex'//将vuex挂载到vue上Vue.use(Vuex)//创建vuex实例原创 2021-07-01 16:49:44 · 78 阅读 · 0 评论 -
vue的v-for循环和动态组件
v-for循环v-for可以遍历数组在标签上添加v-for属性，但必须绑定key值<template> <div> <label>v-for循环</label><br /> <label v-for="(item,index) in arr" v-bind:key="index">{{item}}<br/></label> </div></template>原创 2021-06-30 15:57:35 · 6599 阅读 · 0 评论 -
vue父组件引入子组件，以及父子组件之间得值传递
父组件引入子组件创建子组件在父组件的script中引入子组件在父组件中export default 添加components属性在父组件中添加一个标签引入子组件父组件向子组件传值在子组件的export default中定义props属性来接收父组件传过来的变量在父组件的data中定义要传递的值在子组件的标签中传递值在子组件中接收值子组件向父组件传值在子组件创建一个方法，并调用this.$emit创建一个自定义事件在子组件中添加一个按钮触发调用子组件定义的方法在父组件中原创 2021-06-30 12:22:17 · 567 阅读 · 0 评论 -
下载vue-cli是vue的脚手架，插件
vue-cli脚手架帮助我们快速搭建项目，需要安装node.js首先到node.js的官网下载安装node.js会自动帮我们安装npm接下来安装vue，打开cmd运行npm install vue -g 【-g是全局的意思】然后安装vue-cli npm install @vue/cli -g 这个过程要很久检查vue版本 vue -V在指定目录下创建一个vue项目并cmd进入指定目录 vue init webpa原创 2021-06-28 16:05:45 · 169 阅读 · 0 评论 -
Vue的说明和第一个vue的使用
Vue简介vue是一个前端框架，能够将标签与vue绑定在一起，可以直接使用vue内声明的变量以及方法。Vue的使用引入Vue的CDN<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>创建一个html<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l原创 2021-06-28 11:43:47 · 96 阅读 · 0 评论