
vue
多秋浮沉度华年
这个作者很懒,什么都没留下…
展开
-
登录时点击checkbox记住用户名和密码功能
功能:1.勾选记住用户名和密码时,将所输入的用户名和密码保存,下次登录时无需输入2.不勾选时用户名和密码输入框将为空原创 2022-06-02 11:12:34 · 1103 阅读 · 0 评论 -
vue2中使用Avue框架
Avue官网在这里插入图片描述大致代码如下:1.option 是定义的数据2:data 后端返回的数据3:page 分页4:form 绑定的表单元素5.value/v-model 绑定值5.相关的一些绑定事件@search-change=“searchChange”@search-reset=“searchReset”@selection-change=“selectionChange”@current-change=“currentChange”@size-change=“原创 2022-06-02 10:43:04 · 1943 阅读 · 0 评论 -
练习vue3.0笔记
vue3.0:官网参考文章:尚硅谷 Vue3+TS 快速上手1.常用的api1.setup: 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用 取消了methods和data setup(props) { if (props.foo === isAbsent) { // foo 没有被传入。 } } 直接使用setup,在里面定义变量,接受两个参数props,co原创 2022-05-23 10:29:23 · 238 阅读 · 0 评论 -
微信小程序设置打开pdf并进行保存到本地,下次打开就无需进行服务器请求
微信小程序pdf下载并进行缓存,下次无需进行服务器请求原创 2021-12-15 10:02:34 · 4653 阅读 · 0 评论 -
js循环之多层嵌套(Obj嵌套Arrar)循环按照index生成obj并传入值,里面嵌套Array并push多值
直接上数据let testArr = [];let resultArr =[] //数据结构 // [ // { // title:'', // list:[....] // }, // { // title:'', // list:[....] // }, // .., // ] for(var原创 2021-09-17 16:54:30 · 657 阅读 · 0 评论 -
微信小程序API(功能)常用使用地址
小程序官网地址:小程序地址1.路由跳转:wx.switchTab;wx.reLaunch…介绍地址小程序跳转wx.navigateToMiniProgram 打开另一个小程序wx.exitMiniProgram 退出当前小程序数据缓存 缓存wx.setStorage 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。除非用户主动删除或因存储空间原因被系统清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 1原创 2021-08-25 16:56:07 · 1046 阅读 · 0 评论 -
关于iview校验规则失效的一部验证方法
直接上代码gitHub上异步校验地址 <Form ref="formValidate" :model="data" :label-width="200" :rules="ruleInline" :show-message="false"> <div class="Modal_form_row"> <div class="Modal_form_row_col"> <For原创 2021-07-14 10:27:50 · 318 阅读 · 0 评论 -
vue项目中如何让表格获得自适应高度
1.父元素定义ref,子元素设置动态高度//ref 加在普通的元素上,用this.refs.(ref值)获取到的是dom元素//refs.(ref值) 获取到的是dom元素//refs.(ref值)获取到的是dom元素//nextTick 在DOM更新后自动调用 <div style="height:100%" ref="tableHeght"> <Table border stripe :columns="columns" :data="ta原创 2021-05-27 15:17:45 · 1158 阅读 · 0 评论 -
iview如何使点击分页下的页数刷新列表后滚动条始终在顶部
/**表格滚动条回到初始位置*/export const scrollToTop =() => {setTimeout(() => {//这里要延迟下滚动document.getElementsByClassName(‘ivu-table-body’)[0].scroll(0, 0)}, 400)}原创 2020-08-20 09:57:08 · 775 阅读 · 0 评论 -
如何使用iview默认选中第一行样式
this.tableData[0]["_highlight"] = true;原创 2020-08-12 17:35:57 · 862 阅读 · 0 评论 -
关于Vue中的父组件给子组件传值props和子给父传值$emeit
一:当我们在使用vue中,会经常的使用到父组件给子组件传值,常用的有props,下面简单看下props传值 1.首先我们是需要在父组件中引入子组件import xjdwEditSecong from "./base1/xjdwEditSecond.vue"; 2.然后放在components中 components: { xjdwEditSecong // Bdwplszyhqx },3.并挂载到父组件 <xjdwEditSecon...原创 2020-06-09 09:13:14 · 706 阅读 · 0 评论 -
分页的使用
1:vue项目使用的是iview组件库,引入方法在这里就不介绍了2: 这是iview Page的官方文档 https://www.iviewui.com/components/page3:具体使用的方法及参数 <Page :total="tableTotal" :current="pageIndex" ...原创 2020-02-26 15:56:51 · 203 阅读 · 0 评论 -
关于vue-treeselect的基本一些用法
1:首先需要先安装@riophae/vue-treeselect":"^0.0.37这是vue官方的中文文档可以参考 https://www.vue-treeselect.cn/#node2:需要引入至vue页面使用import Treeselect from "@riophae/vue-treeselect";import "@riophae/vue-treeselect/dist...原创 2020-02-26 15:44:20 · 30939 阅读 · 2 评论 -
vue 项目关于modal父子之间传值,关闭和开启弹框
1:需要在组件中引入改组件<script>import { urlPath } from "@/libs/util";import { getUserInfo } from "@/libs/util";import expandRow from "../modal/expandRow.vue";import { Modal, Message, AnchorLink } fro...原创 2020-01-16 17:29:43 · 3398 阅读 · 0 评论 -
vue项目给子组件传值
1:首先引入子组件import audit from "@/view/leaveApplyManage/modal/audit.vue";2:定义子组件 components: { audit }, 3:定义属性 //查看onDtls(row) {this.auditModalShow = true;this.modalId = row.stu_id;t...原创 2020-01-16 17:13:29 · 337 阅读 · 0 评论 -
如何在组件里面把值传到vuex(state)里面然后在取出来
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。1:首先,需要在事件里面将值传到state里面store.commit使用其类型进行调用 通过这个进行调用 openDtl(id,coreId) { this.$store.commit('setId',coreId)...原创 2019-11-29 16:53:55 · 6673 阅读 · 1 评论