王懿诺-优快云博客

1.安装npm install echarts --save<template> <div>  <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-bre

2022-02-28 23:07:01 113

原创 vue 深拷贝需要下载lodash (原因:级联选择器只支持数组,后台接口只支持字符串,使用该lodash的深拷贝解决问题)

具体使用方式安装npm i --save lodash引入 lodash cloneDeep(obj) 原因:级联选择器只支持数组,后台接口只支持字符串,使用该lodash的深拷贝解决问题

2022-02-26 22:47:23 561

<el-tab-pane label="商品图片" name="3">  <el-upload :action="uploadURL" :on-preview="handlePreview" :on-remove="handleRemove" list-type="picture" :headers="headerObj" :on-success="handleSuccess"> <el

2022-02-22 20:11:27 384

原创后台数据对象里面的其中一项(返回字符串变数组split)

转化前的样子res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] // 控制文本框的显示与隐藏 item.inputVisible = false // 文本框中输入的值 item.inputValue = ''})转化后的样子...

2022-02-22 15:54:52 127

原创 vue-table-with-tree-grid的使用

1、下载npm i vue-table-with-tree-grid -S2、引入(一般是使用第一个)import Vue from 'vue'import TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table', TreeTable)Orimport Vue from 'vue'import ZkTable from 'vue-table-with-tree-grid'Vue.use(ZkTable)

2022-02-20 21:23:58 797

原创中文传参乱码

a页面<div @click="urlTo('/admin/page/content/hotSearchWord_add?id='+item.id+ '&word='+escape(item.word)+ '&flag='+1)">编辑</div>b页面div class="form-group"> <label class="col-sm-2 control-label">热搜词</label> <div c

2022-01-23 00:04:00 489

原创封装各类js（axios接口封装/时间封装/乱码封装等等）

axios网络请求 Js网页跳转获取页面get参数(中文乱码) 封装去掉回车和空格方法 // 时间戳转换图片格式

2022-01-22 23:52:35 382

原创 html 原生日历 input type=“datetime-local“

<div class="form-group"> <label class="col-sm-2 control-label">生效时间</label> <div class="col-sm-3" style="height: 34px;"> <!-- 因为详情有接口返回值，apply_time_isShow仅为接口显示效果（需要*1000），和改变传入的 apply_time值格式不一样（不需要*）此为接口参数--&g

2022-01-22 23:42:07 1148

原创 Vue里时间显示

<td>{{item.add_time*1000 | timeFormat}}</td>// 时间戳转换function timestampToTime(timestamp) { let date = new Date(timestamp) var YY = date.getFullYear() + '-' var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.

2022-01-22 23:31:38 204

原创 js上传图片功能

2022-01-22 23:27:59 251

原创 coco组件，各种弹框集于一身的弹框组件

组件文件地址引入<link rel="stylesheet" href="/static/admin/alert/example.css" /><script src="/static/admin/alert/coco-modal.min.js"></script>页面使用（普通弹框类似于alert弹出提示） coco.alert("请检查规并范输入内容,再进行保存");页面使用（删除弹框） <div @click="del(item.id)"

2022-01-22 23:19:51 456

原创分页 pagination文件

pagination 文件页面使用 <div class="paging"></div> data: function () { return { page: 1, bannerList: [], isPaged: false, //防止页码不动 } }, created: function () { /

2022-01-22 20:40:15 239

原创 Vue登录注册和退出

main.js添加导航守卫router.beforeEach((to, from, next) => { //to 将要访问的路径 //from 代表从哪一个路径跳转而来 //next 是一个函数,表示放行 //next()放行 next('/login') 强制跳转 if(to.path == '/login') return next(); //获取token const tokenStr = window.sessionStorage.getItem('toke

2022-01-22 19:58:58 172

原创 Vue axios的使用

在main.js下import axios from 'axios'//配置请求的根路径axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'Vue.prototype.$http = axios// 有了Vue.config.productionTip = false这句代码，它会阻止你显示显示生产模式的消息（控制台里的内容）Vue.config.productionTip = false发起请求 logi

2022-01-22 19:34:06 68

原创 Vue严格模式处理项目中Eslintrc 输入运行命令自动打开浏览器

1.在根目录文件夹下创建.prettierrc{ //取消分号 "semi": false, //用单引号表示字符串 "singleQuote": true}2.在根目录文件夹下.eslintrc.jsmodule.exports = { root: true, env: { node: true, }, extends: ['plugin:vue/essential', '@vue/standard'], // rules是所有语法规则 rules: {

2022-01-22 19:27:46 356

原创登录页面盒子居中

登录页面盒子居中

2022-01-18 20:14:09 360

TodayStartWJH的博客

原创表格树 element el-table

原创切换node版本的方法

原创 el-tree只能点击最后⼀级

原创 git镜像和下载安装教程

转载【element】el-carousel走马灯一个页面放多个元素展示

转载 Vue+element 实现tooltip在文本超出区域后才会浮现

原创 element el-input type=number的时候隐藏上下箭头，并且禁止鼠标滚动改变值，禁止输入e

原创 Vue element-ui修改全局样式

原创 findIndex() 方法 filter()方法

原创 vue中ant-design-vue的安装和使用（vue2安装不了的原因）

原创 Vuex基础 vuex

原创创建Vue项目

原创随机数抽奖

原创 Vue 绑定css和class :style :

原创 json字符串转化为json格式 JSON.parse() JSON.stringify()

原创一段文字每个字距离间隔(一般是标题透明渐变)间隔效果是letter-spacing

原创 vue echarts