随笔分类 -  vue

vue 微信 js-sdk分享功能
摘要：第一步： npm install weixin-js-sdk -S // （或者直接index.html里面引入js文件 http://res.wx.qq.com/open/js/jweixin-1.6.0.js 官方文档：https://developers.weixin.qq.com/doc/o 阅读全文
posted @ 2022-03-28 16:26 一个懒惰的陈xx 阅读(514) 评论(0) 推荐(0)
使用v-if后，element表单验证失效
摘要：<el-form-item label="选择批次：" prop="batchInfos" v-if="quesForm.selectMethod 1" key="batchInfos"> <el-select v-model="quesForm.batchInfos" value-key='id' 阅读全文
posted @ 2020-12-22 11:13 一个懒惰的陈xx 阅读(1406) 评论(0) 推荐(0)
本地运行vue-cli build打包后的文件
摘要：1.本功能基于node,确保已安装node后执行下面步骤。 一、新建个文件夹myinit,进去后打开cmd,执行npm init初始化package.json文件 二、npm install express （cnpm install express）下载express框架 三、cnpm i 下载本 阅读全文
posted @ 2020-12-16 15:23 一个懒惰的陈xx 阅读(888) 评论(0) 推荐(0)
vue+element ctrl+s保存写法
摘要：<el-input type="textarea" ref="inppp" v-model="values" placeholder="请输入内容" @keydown.ctrl.83.native="(e)=>{submit(e,values)}"></el-input> submit(e,b){ 阅读全文
posted @ 2020-12-04 09:47 一个懒惰的陈xx 阅读(552) 评论(0) 推荐(0)
vue mixin和extends的使用
摘要：全局使用场景：所有子组件内部都与要某一个state、computed或者某个方法时,甚至在所有子组件某个生命周期内都需要执行一个一样功能时，都可用全局mixin； 相同生命周期函数会先运行mixin内部的钩子函数，然后再运行组件内部的钩子函数，对于state、computed或者某个方法时，组件内部 阅读全文
posted @ 2020-11-30 16:17 一个懒惰的陈xx 阅读(332) 评论(0) 推荐(0)
element Cascader 鼠标移出浮层时自动收起
摘要：<el-cascader :style="aotuStyle" ref="elcascader" v-model="discipline_value" :options="discipline_list" :key="isResouceShow" popper-class="discipline" 阅读全文
posted @ 2020-06-09 16:36 一个懒惰的陈xx 阅读(1520) 评论(0) 推荐(0)
element 表单验证 el-form-item里面验证两个select 必填，select 值绑定为对象时如何验证必填
摘要：el-form-item 里面有多个select 或者input : <el-form-item label="学段学科：" required> <div class="diasubject"> <el-form-item prop="stage" :rules="[{ required: true 阅读全文
posted @ 2020-05-13 11:09 一个懒惰的陈xx 阅读(9911) 评论(0) 推荐(0)
解决elment 动态多选框组（el-checkbox-group）无法设置默认值问题
摘要：<el-checkbox-group v-model="form.showProperty"> <el-checkbox v-for="(item,idx) in properties" :key="idx" :label="item" :disabled="item.must">{{item.na 阅读全文
posted @ 2020-01-13 16:15 一个懒惰的陈xx 阅读(4538) 评论(2) 推荐(0)
element组件 MessageBox不能显示确认和取消按钮，记录正确使用方法！
摘要：这里是局部引入 调用方式： 注： 全局引入可直接在页面调取 this.$confirm this.$alert // 其他等同 不需要手动挂载 阅读全文
posted @ 2019-12-05 15:24 一个懒惰的陈xx 阅读(3175) 评论(2) 推荐(4)
记录一下vue transition 过渡各状态（）
摘要：.slide-fade-enter{ opacity: 0; transform: translateX(100px); /*从哪里开始过渡：在过渡之前我就把位置定义在100px的位置,并且透明度从0开始回到默认值*/ } .slide-fade-enter-active{ /*进入过渡持续中*/ 阅读全文
posted @ 2019-08-28 18:45 一个懒惰的陈xx 阅读(2072) 评论(0) 推荐(0)
vue路由传参query和params的区别（详解！）
摘要：1.query使用path和name传参跳转都可以，而params只能使用name传参跳转。 query传参： 页面带参数跳转：this.$router.push({ path:'/city',name:'City', query: { cityid: this.Cityid,cityname:th 阅读全文
posted @ 2019-07-02 11:50 一个懒惰的陈xx 阅读(6621) 评论(0) 推荐(1)
一段话让你理解vuex的工作模式！
摘要：vuex 个人理解：管理各组件公共状态的vue插件，也是个组件相互通信的插件。 组成：1、State:状态树。 2、Getters:操作state。 3、Mutation：唯一改变state状态的操作（必须同步操作）。 4、Action:提交mutation，异步操作得到结果后commit一个对象, 阅读全文
posted @ 2019-05-22 13:49 一个懒惰的陈xx 阅读(330) 评论(0) 推荐(0)
vue+axios访问本地json数据踩坑点
摘要：当我们想在vue项目中模拟后台接口访问json数据时，我们发现无论如何也访问不到本地的json数据。 注意：1.在vue-cli项目中，我们静态资源只能放在static文件夹中，axios使用get请求。 import axios from 'axios' export const GroupCit 阅读全文
posted @ 2019-04-29 16:21 一个懒惰的陈xx 阅读(4393) 评论(0) 推荐(0)
怎么构建vue-cli项目
摘要：1.安装node.js（已安装可直接跳过，建议查看node版本，node -v）； 2.npm包管理器,是集成在node中的，可跳过(npm -v)； 3.由于npm的有些资源被墙，为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。(全局安装： npm install -g cnpm, 阅读全文
posted @ 2019-04-26 10:50 一个懒惰的陈xx 阅读(282) 评论(0) 推荐(0)