giiiig的博客

最近遇到一个问题，前端用的vue的select组件，select支持多选，选多个选项则该值需要存储在数组里面['技术部','营销中心']这样，但后端只接受String类型，我既做前端又做后端，前端也尝试了，后端也尝试了，最后发现还是前端改起来比较方便快捷。即定义两个字段，然后在select上绑定一个方法监测select值的变化，每次变化都同步转换数据类型更新至department。同样，当后端返回department时候，将department转换数据格式后赋值给departmentList。

iview菜单收起功能支持一级菜单，二级菜单的收起

select下拉框希望把code和name都保存传递出去,传递两个参数以上注意select里面有 label-in-value="true"，这个可以确保把label传出去，option里面把label赋值，在方法里面处理label,注意是label不是lable

vue写的前端，iviewui里面的下拉框组件，官方文档说clearable可以清空选择，于是用了，但发现，在请求后端接口后，该参数就不传递了，之前传递的是空字符串

vue 文案过长 截断处理 悬浮显示

先来看一下效果！办法挺简单的，就是用一个开源组件！JSON数据展示神器:react-json-view(常用于后台网站) - xiaobe - 博客园拿走不谢！1.先更新组件npm install -D react-json-view2.在导入组件import ReactJson from 'react-json-view'3.应用组件var jsonStr = {"userName": "tiu","userAge": 26,"isMale": true};c.

需求背景：消息列表里面的消息点击全部已读，则用户首页右上角的红点消失1、安装插件npm i redux react-redux redux-thunk2、在src下创建store.jsimport { createStore } from "redux";function notices(state={isAllRead: false,count:8},action){ switch (action.type) { case 'READ_ALL':

1、安装请求插件npm i axios2、util文件夹下新建request.js，封装request请求行数import axios from 'axios'//创建一个axiosconst instance = axios.create({ baseURL:"http://localhost:8089", timeout:50000})//定义一些请求方法export function get(url,params){ return instance.g

点击登录调用后端登录接口，后端接口返回是否登录成功前端将token存在本地，下次登录src下新建utils目录utils目录下新建auth.js文件，存储用户授权信息内容如下//存储用户授权信息export function getToken(){ return localStorage.getItem("token")}export function setToken(token){ localStorage.setItem("token",token)

原src下的store的js文件，运行后报错import { createStore } from "redux";const notices = (state = {isAllRead: false,count:8},action)=>{ switch (action.type) { case "READ_ALL": return{...state,isAllRead:true}; defa

使用场景：编辑商品信息，编辑页面要带入商品的名称等信息开始使用usestate和useEffect结果不行，会不停刷接口，或者usestate里面的值不更新，用的初始值，而不是接口返回值以下是antd的官方表述表单 Form - Ant Design 你不能用控件的value或defaultValue等属性来设置表单域的值，默认值可以用 Form 里的initialValues来设置。注意initialValues不能被setState动态更新，你需要用setFi...

要实现的效果接口传入pageNum和pageSize返回数据库里面的结果上代码controller层package com.example.demo.controller;import com.example.demo.bean.GeneralResult;import com.example.demo.dao.ProductMapper;import com.example.demo.entity.Page;import com.example.demo.entity.Prod

1、npx create-react-app antd-demo2、cd antd-demo3、npm start访问http://localhost:3000/看到react的图标就表示成功了4、自己写个组件并应用到工程里面src-components-layout文件夹(如果没有此文件夹则新建文件夹)，下新建index.js(这个组件是antd的layout布局组件)import { Layout, Menu, Breadcrumb } from 'antd';import.

按照https://pro.ant.design/zh-CN/docs/folder这个文章搭建好后台工程后，新建一个自己的页面1 新建页面 在myapp-src-pages下新建文件夹CaseList（从TableList复制过来的）2 配置路由 在myapp-config-routes.js中配置{ name:'case.case-list', icon: 'table', path: '/caselist', component: './CaseList',}命名随

安装过程参考地址：https://pro.ant.design/zh-CN/docs/getting-started/按照里面的操作视频来就可以了，npm install不行报错的话使用cnpm install源码地址：https://github.com/ant-design/ant-design-pro/启动程序：cd myappnpm run start...

公司前端用的highcharts-vue，当后端data为空的时候，图就是空白，更可怕的是，你改变入参，data返回非空了也不能画图了，因为第一次初始化没有成功，所以你后面update图表

highcharts官方的源码https://jshare.com.cn/demos/hhhhDu

用webstorm导入vue项目适合有的标签标红提示这个错误解决办法：在根目录的package.json文件的rule里面添加这个配置'vue/no-parsing-error': [2, { "x-invalid-end-tag": false }]

我按照网上的教程安装就可以，但我安装完后用的时候插件报错。解决办法。选择正确的版本安装。

一、背景在一个vue的demo项目中使用axios发起请求ps：本文章只是一个入门的小栗子，不复杂，可以帮助初学者有个大概的了解，不涉及axios封装，之类的框架层面东西。二、先准备一个前端vue小工程工程搭建方法看这个文章https://blog.youkuaiyun.com/giiiig/article/details/116757737三、在工程中调用axios...

一、npm环境安装安装npm，是否安装成功检查：在命令行输入 npm -v 显示版本号，则安装成功，npm因为我之前安装好了，这里不再写安装步骤了https://www.cnblogs.com/hellman/p/10985377.html二、搭建vuenpm install --global vue-cli进入你要创建的vue项目目录，创建vue项目,vue-demo为项目名称vue init webpack vue-demo创建过程中提示的Y/n我都选的Y三、启.

option = {title: {// text: '浏览器占比变化',// subtext: '纯属虚构',top: 10,left: 10},tooltip: {trigger: 'item',formatter:function(params){console.log("当期hover值",params)console.log("xdata：",xdata)// console.log("打印hover值",xdata[0].text,params..

微信小程序，每一行都有一个编辑按钮，点击编辑时候，都会自动填充上次编写的文字，想每次点击编辑的时候都是空值，用户重新输入本来想有什么配置在input标签里面可以去掉这个自动填充的功能，但搜半天没有，网上有很多清除输入框值的方法，所以直接把清除写到方法里面了 <input type='text' placeholder="{{oldItemName}}" auto-focus bindchange="editItemName" value="{{inputvalue}}"/> .

假如选择下拉框或者在输入框里面输入内容，可以绑定一个方法（bindchange="getduration"）把变化的值放到页面的data中<input class="weui-input" type="number" placeholder="这是一个数字输入框" placeholder-class="phcolor" value="{{duration}}" bindchange="getduration"/>getduration:function(e){var that=.

<view class="itemEdit" wx:for="{{itemList}}"> <view>{{item.value}}</view> <view>修改</view> <view>删除</view></view>以上html实际渲染结果为附itemList数组，item表示数组之中的一个子值itemList: [ { "id": 10, .

let objArr=[ { "id": 10, "value": "会计类" }, { "id": 21, "text": "工程类" }, { "id":12, "value": "技术类" }, { "id":11, "value": '其他' },{ "id":8, "value":"看书"},{ "id":9, "val.

先附上我的跳转源码<navigator open-type="navigate" url="../addtime/index"><image style="width:50px;height:45px;float:right;padding-right:15px;padding-top:15px;" src="{{imageSrc}}"></image></navigator>1、跳转到的目标page未定义在app.json中{"pages":

一、背景下载了weixin小程序echars项目，可以正确显示图表，但怎么在画echars时候使用接口返回的数据呢？二、先看看我的echars是怎么画的在page的index.js中定义一个画echars的函数 function initChartThreeT(canvas,width,height,option){ const chart = echarts.init(canvas, null, { width: width, height: height,

一、现成的一个这个是我网上找到的，直接copy下来，再用浏览器打开html文件就是一个滚动广播https://blog.youkuaiyun.com/qq_30449567/article/details/80417304附他这个效果图二、怎么使用我自己的代码，也是参考一里面的，但读者只需把这些样式拷贝到css中就行–复制–粘贴就可以.txt{ padding-left: 20px; font-size: 12px; color:red; /* display: inline-block;

背景自己设计一个列表，列表一行有两个元素自己设计一个弹框的按钮，弹框有两个按钮实现1)列表直接上代码，具体还得自己调试呀，只不过这样写在我这里ok了，在你那不一定。列表效果及代码css代码.row { display: flex; align-items: center; padding: 0 30rpx; background-color: white; height: 20px; width:100%;}.row-title { flex: 1;

一、背景列表里面有很多元素，元素A编号 001 元素B 编号002，点击元素B 跳转到新页面，同时把002带到B中使用二、解决办法1、在该元素的点击事件div中传入002，这里指item.mobileNo<view data-mobileNo="{{item.mobileNo}}" class="payment-records-arrow" onTap="modelDetail" ></view>注意写法data-mobileNo="{{item.mobileNo}}，传

一、背景测试机列表有很多条测试机的数据，要求能够编辑任一一条数据的某个元素的值，例如列表里显示了测试A的机型、编号、系统版本号，要求可以编辑系统版本号二、方案选型方案1、仿照支付宝如下图但不知道怎么实现的，看样子是微应用，不是小程序，所以放弃啦方案2 使用my.promptmy.prompt 是弹出一个对话框，让用户在对话框内输入文本的 API。官方的介绍，感觉蛮合适的my.canIUse(‘prompt’)，发现钉钉小程序并不支持这个api方案3 使用modal对话框https:/

view a:if="{{item.sysInfo}}" class="payment-records-sub-title">{{item.model}} | {{item.sysInfo}} | {{item.mobileNo}}</view> <view a:else="{{item.sysInfo}}==''" class="payment-records-sub-title">{{item.model}} | {{item.mobileNo}}&

一、背景在支付宝或者说钉钉小程序h5页面边上加个浮动的按钮，其实本来就想加个口子，能够作为使用说明文字的入口，开始想用下拉刷新my.startPullDownRefresh，一下拉就显示说明文字，但下拉刷新不是干这个的，官方文档说明比较少，没办法重写，放弃了，后来网友提示我说做个浮动按钮，浮动按钮可以使用决定定位，但对于我这个菜逼来说还是太难了，我还想手按住按钮，按钮就能挪到哪，都太难或者说我懒得研究哈哈，最后用了fixed 定位成功解决，那个按钮就浮动在一个位置不变，无论你怎么滑动，是我想要的结果，弄了

// onBindBlur: function (event) { // var text = event.detail.value; // var searchUrl = this.data.baseUrl + '/beauty/getMobileInfoByModel?model=' + text; // this.getMobileListData(searchUrl) // },

一、背景你用了某个开源的组件，但想修改这个开源组件的一个属性例如，我使用了支付宝的search-bar组件，我想把搜索框的底色改一下原来底色（是白色的，我想改成背景色-灰色的）原代码<view> <search-bar value="{{value}}" focus="{{true}}" disabled="{{false}}" maxLength="{{20}}" showVoice="{{showVoice}}" plac

一、背景登录钉钉后访问钉钉企业内部的一个小程序，在访问小程序时候不需要登录，且将当前用户信息获取到二、解决方案三、代码1、获取钉钉小程序的授权码//获取授权码 getAuthCode() { my.getAuthCode({ scopes: 'auth_user', success: (authCodeRes) => { console.log("authcode============", authCodeRes

一、背景在钉钉小程序里面使用methods定义了一个方法A,在方法B中想要使用方法A里面得到的值例如定义了方法A，方法A可以获取storage缓存，又定义了方法B,方法B调A拿到缓存后使用缓存里面的数据去请求一个接口，那么如何实现？二、解决方法1、通过一个全局变量传递方法B:scan() { my.scan({ scanType: ['qrCode', 'barCode'], success: (res) => { my.co

问题背景调用钉钉的获取用户信息接口报错https://oapi.dingtalk.com/user/getuserinfo返回：不存在的临时授权码 40078错误原因分析1、你的授权码是错的授权码错误的原因分析有以下两种：1）授权码的获取方式不对，导致返回的码不对，不同类型的应用获取方式不一样，官方的获取方式也不一样，记得区分你是内部小程序还是内部微应用。2）你获取到的是其他小程序的授权码就是上面你确定你是小程序，也确认jsapi方式没问题，那你看下你开发IDE关联的是哪个应用，我就是

解决的问题1、钉钉小程序的post请求如何发起httpReq(msg, url, method, data) { // 再次封装请求 return new Promise(function(resolve, reject) { dd.showLoading({ content: msg }); dd.httpRequest({ url: url, method: method, headers: