vue全家桶-vuex
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 1.Vuex概述2.Vuex中的核心特性A.State1.this.$store.state.全局数据名称-组件访问State中的数据的第一种方式2.组件访问State中的数据的第二种方式:按需导入 B.Mutation1.this.$store.commit是触发Mutation的第一种方式2.触发Mutation的第二种方式,按需导入 C.Action1.this.$s…
需求:表格的表头,需要动态改变 效果图 方法 动态改变columns ,通过push改变 关键代码 data // 表头 columns: [ // { // title: '指标名称 ', // align: "center", // key: 'PitemName', // dataIndex: 'PitemName', // ellipsis: true, // width: '200px'…
1、效果 省份没选之前,市与区禁选,同理市未选择,区也是禁用的重新选择省,市与区的也会清空,同理重新选择市,区也会重置,完整代码地址 选择的时候就是下面这样的 2、主要逻辑代码 html相关代码 <template> <div class="area-component"> <!-- 省 --> <el-select placeholder="请选择省份…
在之前的开发当中都是后台处理上传,前端负责上传接口调用,涉及到直传到阿里云对象存储服务(oss),查阅了相关资料,分享出来希望能帮助到遇到这个需求的小伙伴,下面是具体的步骤。 使用oss 1.使用 npm 安装ali-oss npm install ali-oss --save 2.写一个公用的ali-oss.js // 引入ali-oss let OSS = require('ali-oss')…
问题截图 组件嵌套 App MyComponent ADifferentComponent MyComponent 问题原因 这里的问题是,MyComponent既是它自己的父组件,又是它自己的子组件。这将使Vue陷入一个循环,每个组件都依赖于另一个组件。 解决方案 components:{ 'feed-item': ()=> import('./FeedItem.vue') } 参考地址 …
vue+elementui中改变input框背景颜色 改变input框背景颜色(透明背景)改变input框placeholder字体颜色 在解决过程中,可能是因为,elementui自带的样式会覆盖我后写的css样式。于是弃用改用原生。 改变input框背景颜色(透明背景) <input v-model="loginForm.username" class="noback" placehol…
一、问题 在写代码时,时不时会出现格式化错误’ 1.必须使用单引号; 2.有些情况不能使用逗号或者分号等 3.函数名后面空格问题 二、解决方案 1.在全局下,创建一个.prettierrc文件 2.在文件中写入; { "semi":false, "singleQuote:true } 3.解决函数后面空格问题 在eslintrc.js文件里面配置 'space-before-function-pa…
文章目录 单选多选 单选 需求 :页面上有几个按钮或几个标签或卡片,点击哪个就会有对应的高亮 效果 这里我们使用vue的动态class就可以了 <!-- * @Date: 2022-09-03 16:45:30 * @LastEditors: zhangchao * @LastEditTime: 2022-09-03 17:29:34 * @FilePath: /平时练习框架/src/lay…
在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…