vue全家桶-vuex

  • Post author:
  • Post category:vue

vue全家桶-vuex 1.Vuex概述2.Vuex中的核心特性A.State1.this.$store.state.全局数据名称-组件访问State中的数据的第一种方式2.组件访问State中的数据的第二种方式:按需导入 B.Mutation1.this.$store.commit是触发Mutation的第一种方式2.触发Mutation的第二种方式,按需导入 C.Action1.this.$s…

继续阅读 vue全家桶-vuex

Ant Design of Vue —— Table表格组件 —— 设置动态表头

  • Post author:
  • Post category:vue

需求:表格的表头,需要动态改变 效果图 方法 动态改变columns ,通过push改变 关键代码 data // 表头 columns: [ // { // title: '指标名称 ', // align: "center", // key: 'PitemName', // dataIndex: 'PitemName', // ellipsis: true, // width: '200px'…

继续阅读 Ant Design of Vue —— Table表格组件 —— 设置动态表头

基于 vue3 element-plus 省市区联动组件

  • Post author:
  • Post category:vue

1、效果 省份没选之前,市与区禁选,同理市未选择,区也是禁用的重新选择省,市与区的也会清空,同理重新选择市,区也会重置,完整代码地址  选择的时候就是下面这样的 2、主要逻辑代码 html相关代码 <template> <div class="area-component"> <!-- 省 --> <el-select placeholder="请选择省份…

继续阅读 基于 vue3 element-plus 省市区联动组件

Avue一些属性

  • Post author:
  • Post category:vue

avue-crud 配置项个参数简介 <avue-crud :option="option" //表格配置属性 :table-loading="loading" //表格等待框的控制,加载的时候转圈圈,设置true/false :search.sync="search" //搜索的变量(需要sync修饰符) :visible.sync="changeInfo" //是否显示,设置true/f…

继续阅读 Avue一些属性

vue 文件上传至阿里云 ali-oss

  • Post author:
  • Post category:vue

在之前的开发当中都是后台处理上传,前端负责上传接口调用,涉及到直传到阿里云对象存储服务(oss),查阅了相关资料,分享出来希望能帮助到遇到这个需求的小伙伴,下面是具体的步骤。 使用oss 1.使用 npm 安装ali-oss npm install ali-oss --save 2.写一个公用的ali-oss.js // 引入ali-oss let OSS = require('ali-oss')…

继续阅读 vue 文件上传至阿里云 ali-oss

Vue did you register the component correctly? For recursive components,make sure to provide the name

  • Post author:
  • Post category:vue

问题截图 组件嵌套 App MyComponent ADifferentComponent MyComponent 问题原因 这里的问题是,MyComponent既是它自己的父组件,又是它自己的子组件。这将使Vue陷入一个循环,每个组件都依赖于另一个组件。 解决方案 components:{ 'feed-item': ()=> import('./FeedItem.vue') } 参考地址 …

继续阅读 Vue did you register the component correctly? For recursive components,make sure to provide the name

vue+elementui中改变input框背景颜色与placeholder颜色

  • Post author:
  • Post category:vue

vue+elementui中改变input框背景颜色 改变input框背景颜色(透明背景)改变input框placeholder字体颜色 在解决过程中,可能是因为,elementui自带的样式会覆盖我后写的css样式。于是弃用改用原生。 改变input框背景颜色(透明背景) <input v-model="loginForm.username" class="noback" placehol…

继续阅读 vue+elementui中改变input框背景颜色与placeholder颜色

简单解决vue格式化

  • Post author:
  • Post category:vue

一、问题 在写代码时,时不时会出现格式化错误’ 1.必须使用单引号; 2.有些情况不能使用逗号或者分号等 3.函数名后面空格问题 二、解决方案 1.在全局下,创建一个.prettierrc文件 2.在文件中写入; { "semi":false, "singleQuote:true } 3.解决函数后面空格问题 在eslintrc.js文件里面配置 'space-before-function-pa…

继续阅读 简单解决vue格式化

vue循环渲染多个标签,通过点击标签,标签样式改变,再次点击取消且可点击多个并选中多个标签

  • Post author:
  • Post category:vue

文章目录 单选多选 单选 需求 :页面上有几个按钮或几个标签或卡片,点击哪个就会有对应的高亮 效果 这里我们使用vue的动态class就可以了 <!-- * @Date: 2022-09-03 16:45:30 * @LastEditors: zhangchao * @LastEditTime: 2022-09-03 17:29:34 * @FilePath: /平时练习框架/src/lay…

继续阅读 vue循环渲染多个标签,通过点击标签,标签样式改变,再次点击取消且可点击多个并选中多个标签

在vue中使用html表格

  • Post author:
  • Post category:vue

在vue中使用html表格 <template> <div class="table" style="overflow-y: auto; height:15em; width:100%"> //overflow-y控制y轴滚动 <table border="0" width="100%" height="16em" cellpadding="4.8" align="c…

继续阅读 在vue中使用html表格