vue
关注
分享
扫一扫
Mr_zrh
编程本身就不难，难的是你想速成
展开
-
element 滚动条加粗后，往下滚动时表格错位问题
element 表格滚动条加粗后 下拉滚动时错位问题原创 2022-07-14 17:48:24 · 819 阅读 · 1 评论 -
vuex笔记
笔记原创 2022-06-08 11:08:55 · 165 阅读 · 0 评论 -
输入框只要输入数字且保留四位小数
changeInput (item) { this.searchParams[item] = this.searchParams[item].replace(/[^\d.]/g, '') if (this.searchParams[item] !== '') { if (this.searchParams[item].indexOf('.') > -1) { this.searchParams[item] = this.searchP...原创 2022-05-06 10:00:51 · 541 阅读 · 0 评论 -
前段使用vue qrcode生成二维码
```html <canvas id="QRCode_header"></canvas>1.安装依赖npm install qrcode --save-dev `2.使用的页面中引入``import QRCode from 'qrcode' // 引入生成二维码插件3.data 中声明QRCodeMsg: ''4.生成二维码 getQRCode () { const opts = { errorCorrectionLevel.原创 2022-03-03 09:51:48 · 612 阅读 · 0 评论 -
数组a的key的value值，拿走数组B的vaue值
var a = [] let b = [{ mz: '我是名字', bumen: '我是工号' }, { mz: '我是名字2', bumen: '我是工号2' }] b.forEach((item, index) => { a.push({ value: item.mz, bmid: item.bumen }) }) console.log...原创 2021-09-12 15:12:31 · 170 阅读 · 0 评论 -
echarts 柱状图跳转带走工号之类的
<template> <div> <div id="main" style="width: 600px;height:400px;"></div> </div></template><script>import * as echarts from "echarts";export default { name: "WorkspaceJsonApp", data() { return原创 2021-09-12 15:09:51 · 165 阅读 · 0 评论 -
iview 日期限制
//时间根据条件改变options1: { disabledDate(date) { return date && date.valueOf() < Date.now() + 86400000 } }, // 日期从后天开始选择 options2: { disabledDate(date) { return date && date.valueOf() < Date.now() + 86400000 + +原创 2021-08-04 16:51:39 · 363 阅读 · 0 评论 -
vue中内容更改不回显
Vue中，$forceUpdate()的使用方文档中指出，$forceUpdate具有强制刷新的作用。那在vue框架中，如果data中有一个变量:age，修改他，页面会自动更新。但如果data中的变量为数组或对象，我们直接去给某个对象或数组添加属性，页面是识别不到的<template> <p>{{userInfo.name}}</p> <button @click="updateName">修改userInfo</button>&l原创 2021-07-14 16:57:43 · 1457 阅读 · 0 评论 -
2021-07-14
```html<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Vue.js中使用iView日期选择器并设置开始时间结束时间校验</title> <!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></scri.原创 2021-07-14 13:38:50 · 85 阅读 · 0 评论 -
iview 组件库日期选择范围
<template> <Row> <Col span="12"> <DatePicker type="date" :options="options3" placeholder="Select date" style="width: 200px" ></DatePicker> </Col> </Row></原创 2021-06-28 08:56:23 · 249 阅读 · 0 评论 -
vue路由传参
第一种用的比较简单的是直接router下的index里面path后面加入idconst routes = [ { path: '/', name: 'Home', component: Home, }, { path: '/about/:id', //这里的id name: 'About', component: () => import(/* webpackChunkName: "about" */ '../views/About.v原创 2021-05-26 18:57:26 · 92 阅读 · 0 评论 -
2021-05-25
前言 在前端后台项目中，都会遇到权限的问题， 前端的权限大概都是分为，菜单控制，界面控制，按钮控制，请求和响应和控制， 真正的权限都是依靠后端来处理的，前端对一些权限的处理可以有效的减少对服务器的请求。菜单控制 请求过程中，会得到权限的数据，需要想后端返回数据的支持，前端根据权，展示对应的菜单。 在登录的时候，拿取到后端权限的数据，VUEX中， 通过this.$store.commit （）存入全局中， 一开始页面那侧边二级菜单是空的，通过引入这个方法到该页面中，在计算属性 中把这个原创 2021-05-26 10:31:44 · 112 阅读 · 0 评论 -
前端处理跨域
1、需求说明在前后端分离开发中，前端发送ajax请求因为受到了浏览器同源策略的限制，会出现跨域的问题，在Vue项目中使用代理请求解决跨域问题。如果使用vue/cli 4.x以上版本创建的Vue项目，在项目的根目录中创建 vue.config.js 配置文件。2、代码实现在Vue项目根目录创建 vue.config.js 配置文件，配置代码如下：module.exports = { devServer: { proxy: { '/api': {原创 2021-05-25 10:11:53 · 408 阅读 · 0 评论 -
表单验证
<template> <div> <el-form :inline="true" :model="formInline" class="demo-form-inline" :rules="rules" ref="form" > <el-form-item label="审批人" prop="user"> <el-input v-model="formInline.user" placeh原创 2021-05-16 15:47:56 · 456 阅读 · 0 评论 -
切换导航，显示内容改变（非路由跳转）
<template> <div> <button @click="show('my-header')">显示头部</button> <button @click="show('my-center')">显示中间</button> <button @click="show('my-footer')">显示底部</button> <!-- 可以控制下面缓存的数量 --原创 2021-05-14 10:31:24 · 286 阅读 · 0 评论 -
父组件向子组件传值/子组件向父组件传值（结合自定义组件）
以下为父组件中的内容<template> <div> <button> {{msg}} </button> </div></template><script>// 以下的msg 利用了Vue中 props 父组件向 子组件传值， props中可以限制 子组件那边传的属性类型export default {props:{ // 这样写也是可以的 // msg : String原创 2021-05-13 21:31:13 · 331 阅读 · 0 评论 -
Vue 中自定义封装组件
以下内容为自定义封装的一个小button按钮，这种自定义组件最好是放在components 文件夹下面<template> <div> <button>牛</button> </div></template><script>export default { data() { return { }; }, mounted() { }, m原创 2021-05-13 16:25:10 · 411 阅读 · 0 评论 -
Vue记住刷新前复选框的选中状态
在需要记住的checkbox 的vue文件中<template> <div> <input type="checkbox" :checked="a" @click="change"> </div></template><script>export default { data() { return { a:"" }; }, created () { t原创 2021-05-12 16:54:46 · 1044 阅读 · 0 评论 -
vue中 @点击循环显示数组内容
点击循环数组里面的数据<template> <div> <button @click="add"> 循环</button> <div > {{a}} </div> </div></template>```<script>export default { data() { return { arr:[1,2,3],原创 2021-05-11 09:17:47 · 869 阅读 · 0 评论