vue
Specialize in Linxu
代码就是不断发现问题从而解决问题!
展开
-
el-table 判断已选择的禁止二次选择
【代码】el-table 判断已选择的禁止二次选择。原创 2022-11-10 15:17:44 · 337 阅读 · 1 评论 -
el-checkbox如何同时获得value值和label的值
el-checkbox如何同时获得value值和label的值原创 2022-10-17 15:02:12 · 888 阅读 · 0 评论 -
强制提交代码
git 强制提交原创 2022-09-28 10:18:37 · 521 阅读 · 0 评论 -
element ui picker 回显问题 加 **this.$forceUpdate()
picker 回显问题原创 2022-09-21 10:12:24 · 550 阅读 · 0 评论 -
正则大师-正则
正则原创 2022-07-10 22:06:11 · 167 阅读 · 0 评论 -
防止源码泄露 vue.config
productionSourceMap: false, 里面配置false原创 2022-06-30 16:46:08 · 666 阅读 · 0 评论 -
route返回上一级
router.go(-1);route 返回上一级原创 2022-01-17 16:33:10 · 1247 阅读 · 0 评论 -
element -ui对指定字段进行校验
let count = 0; const updateArr = type == 1 ? ["phone", "verifycode"] : ["passPhone", "password"]; let isAllowNext = false; // 是否允许下一步 updateArr.forEach((item) => { Form.value.validateField(item, (errorMsg) => { if (errorMsg) retur原创 2022-01-07 13:51:36 · 1020 阅读 · 0 评论 -
vue 3.0全局filter的使用
import filters from "./utils/filters";const app = createApp(App);app.config.globalProperties.$filters =filters2:filter.js3: <label>任务期限: </label>{{ $filters.formatTime(taskinfo.start_date)+"-" }}{{$filters.formatTime(taskinfo.end_date)}原创 2022-01-05 17:50:02 · 3490 阅读 · 1 评论 -
好无聊---手写promise
httpClient(){return new Promise(resolve,reject=>{}).then(res=>{if(code==200){ resolve(data)}}).catch(err=>{console.log(reject(err))}原创 2021-12-30 18:15:29 · 330 阅读 · 0 评论 -
【无标题】上传组件清除规则检验
Form.value.clearValidate('fileList') }上传组件清除规则检验原创 2021-12-29 13:31:51 · 272 阅读 · 0 评论 -
下拉选择器选择进行规则校验
{ required: "true", message: "请选择企业名名称", trigger: ['blur','change'] },在这里插入图片描述原创 2021-12-29 09:59:16 · 322 阅读 · 0 评论 -
保留两位小数 ---正则 onkeyup
元原创 2021-12-28 15:48:52 · 541 阅读 · 0 评论 -
vue 3.0 实现 el-table分页后依然选中
setup() {const router = useRouter();const multipleTable = ref(null);const state = reactive({multipleSelection: [],ids: [],count: 0,init: {page: 1,num: 9,},list: [...原创 2021-12-28 13:25:52 · 618 阅读 · 0 评论 -
格式化el-table=>(vue 3.0 )
<el-table-column prop="create_date" label="创建时间" :formatter="Formatter"/>let Formatter=(row,colomn)=>{if(row.create_date){return moment(row.create_date).format("YYYY-MM-DD ")}}原创 2021-12-22 16:13:52 · 141 阅读 · 0 评论 -
element-ui表格进行置灰操作 --已测并成功
原创 2021-12-10 10:02:00 · 2100 阅读 · 0 评论 -
九宫布局--flex
加上代码/* .box:after { display:block; content:''; width: 202rpx;} */变成原创 2021-11-18 17:06:07 · 78 阅读 · 0 评论 -
vue 3.0 form 规则校验-----懂的都懂
查询 setup() {const router = useRouter();const Form = ref(null);const state = reactive({form: {industryName: “”,industryDesc: “”,},dialogVisible: false,loading: false...原创 2021-11-05 13:36:11 · 602 阅读 · 0 评论 -
vue 3.0 路由导航守卫
// 判断是否需要登录权限 以及是否登录router.beforeEach((to,from,next) => { if (to.meta.title) { document.title = '灵活用工-' + to.meta.title } //我在这里模仿了一个获取用户信息的方法 const localStorage = window.localStorage; let isLogin= localStorage.getItem('isLogin');原创 2021-10-22 11:15:52 · 427 阅读 · 0 评论 -
递归组件的样式渲染 (部门组件渲染=>调用自己的组件)
vue递归组件实现多级列表<template> <div> <div class="list-item" v-for="(item, index) in list" :key="index"> <div class="item-name"> <span>{{item.name}}</span> </div>原创 2021-09-22 14:30:04 · 209 阅读 · 0 评论 -
taro第一个hooks
import { View, Button, Text } from "@tarojs/components";import { useState,useEffect } from "react";function ADD() { // 声明一个叫 "count" 的 state 变量 let [count, setCount] = useState(0); useEffect(()=>{ console.log("1111") },[]) .原创 2021-09-06 23:30:13 · 106 阅读 · 0 评论 -
小程序通过扫小程序码解析参数(小程序接收扫码的参数)
console.log(options.companyid) log.info(JSON.stringify(options)+"扫码接受的参数") if (options.scene) { log.info(JSON.stringify(options.scene)+"扫码接受scene") var scene = decodeURIComponent(options.scene); console.log("scene is ", scene);..原创 2021-05-18 11:33:17 · 1417 阅读 · 0 评论 -
vue写一个横向滑动页面
直接上代码<style lang="less">page { background: #f0f1f2;}.desc { margin: 0 30rpx; height: 80rpx; display: inline-block; text-align: center; color: #333; font-family: PingFangSC-Regular; font-size: 28rpx; background: #fff; height: 8原创 2021-05-13 10:02:57 · 652 阅读 · 0 评论 -
实现一个深拷贝
function deepClone(obj){ let cloneObj; // 判断当输入的数据是简单数据类型时,直接复制 if(obj && typeof obj !== 'object'){ cloneObj = obj; } // 当输入的数据是对象或者数组时 else if(obj && typeof obj === 'object'){ // 检测输入的数据是数组还是对象原创 2021-05-03 03:20:12 · 239 阅读 · 0 评论 -
vue状态管理器基本使用(消息通知)
1业务场景有的时候消息会冒出来,所以我就想要用store了import store from '../store';import { mapState, mapMutations } from '@wepy/x';1:使用state里面的值wepy.page({ store, mixins: [mixins], data: { token: '', tokenKey: '', roleid: '', num: '10', info: {原创 2021-04-29 18:31:17 · 483 阅读 · 0 评论 -
作用域插槽 scope.row.status 显示v-if选择其中一个
根据后端返回的值用 v-if选择其中的一个比如:0代表成功 1:代表失败 2:退款中用作用域插槽<template slot-scope="scope"> <span v-if="scope.row.status===0">成功</span> <span v-if="scope.row.status===1">失败</span> <span v-if="原创 2020-06-30 15:07:05 · 5742 阅读 · 1 评论 -
el-admin代码生成工具实现动态路由的添加
我所说的一切前提是在后端已经配置好的情况下1:我们把自己的环境配置好,比如springboot,redis,等前提下实现代码生成工具的使用2:我们首先在我们的页面上写上自己的路径,建立好自己的页面3:我们需要在前端的系统管理页面添加相应的路劲如:最后一步别忘记分配权限;这样我们就能正确访问路劲了,可以显示我们的写的页面总结:具体的原理我还不能正确掌握,希望和大家一起进步...原创 2020-06-28 11:33:49 · 1177 阅读 · 0 评论