js
小小的产品经理
你回家了?我在等你呢
展开
-
uniapp:点击不同的id进入不同内容的详情页面
目标:如下图,点击不同的图片进入到不同的渲染页面遍历数据并编写click方法html5//@click="handlegovideo(item)获取到当前遍历对象的数据<view class="vedio_item" v-for="item in videowp" :key="item.id" @click="handlegovideo(item)"> <image :src="item.img" mode="widthFix" style="display: flex;wi原创 2021-04-23 16:10:18 · 2113 阅读 · 0 评论 -
Vue:使用TreeTable进行多级扩展表格的创建
目标及数据准备数据类型如下,数据中拥有多层子集的children;目标样式:Vue引入TreeTable1)npm安装npm i vue-table-with-tree-grid -S2)声明引入main.jsimport TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table', TreeTable)使用:data=“cateLists” 是需要渲染的数据,:columns="columns"是原创 2021-04-22 18:44:49 · 1055 阅读 · 0 评论 -
Vue使用axios进行请求
安装axios1)方案一:使用npm进行安装cnpm install axios --save2)vue3.0以上可以使用vue ui进行依赖安装以项目目录打开终端;vue ui安装axios的依赖全局引入并定义使用axios打开main.js文件1)引入axiosimport axios from 'axios'2)设置baseurlaxios.defaults.baseURL = 'http://rambuild.cn:8888/api/private/v1'3)定原创 2021-01-02 11:53:09 · 387 阅读 · 0 评论 -
js:写入/获取/清除缓存
目标:将需要记录的数据写入到浏览器缓存中,常用于登录后写入用户信息和时间戳,以进行身份的验证和浏览时间限制;写入缓存数据window.sessionStorage.setItem('token',res.data.token);向浏览器写入缓存数据,其中token是键,res.data.token是要写入的数据;获取缓存数据window.sessionStorage.getItem('token')获取名称为token的键;获取缓存数据window.sessionStorage.clea原创 2021-04-21 17:14:36 · 741 阅读 · 0 评论 -
Vue使用富文本编辑器
安装wangegitor控制台npm i wangeditor --save组件化富文本编辑器1)在components文件夹下创建Wangedit.vue2)目标:2.1)能够输入;2.2)获取到输入后的富文本(为存入数据库作准备);2.3)将字符串化后的富文本能够展示出正确的格式(取数据库的数据)3)html结构<template> <div> //div1用来承载富文本编辑器 <div id = "div1"&g原创 2021-01-23 19:10:11 · 1567 阅读 · 3 评论 -
前端对登录的用户信息进行存取
Window sessionStorage的使用//存放window.sessionStorage.setItem("key", "value");//取数据window.sessionStorage.getItem("key");//删除指定的key的数据window.sessionStorage.removeItem("key");//删除所有的数据window.sessionStorage.clear();存入用户信息async login(){ //axios进行登录接口原创 2021-01-18 12:39:04 · 4330 阅读 · 0 评论 -
前端ajax+flask+pymysql将获取到的图片传入数据库
目标:上传用户头像并存储数据库增加字段将图片进行base64存储,所有采用mediumtext;数据库处理alter table user_login add userimg mediumtext;pymsql进行处理开发python文件import pymysqldef insert_userimg(username,baseimg): db = pymysql.connect(host="服务器地址",port=端口号,user = "数据库用户名", passwd =原创 2021-01-09 22:47:10 · 2108 阅读 · 1 评论 -
Vue中使用lodash深度拷贝
安装lodash打开项目的终端进行npm安装npm i lodash在文件中引入lodashxx.vue 的script头部部分import _ from "lodash"在文件中使用lodash定义变量=需要克隆的对象xx.vueconst form = _.cloneDeep(this.addForm)console.log(form)...原创 2021-01-02 14:15:22 · 570 阅读 · 0 评论 -
将时间戳转化为标准时间
插入时间戳转化代码文件位置:main.jsmain.jsVue.filter('dateFormat',function (originVal){ const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2,'0') const d = (dt.getDate()+'').padStart(2,'0') const hh = (dt原创 2021-01-02 14:01:54 · 288 阅读 · 1 评论