saltlike的博客

有时候后端返回的数据中有数组或对象的结构，却仍然以字符串的形式返回给前端；let data = { records: [ { "id": "1", "info": '[{"name":"张三","age":60},{"name":"李四","age":80}]' }, { "id": "2", "info": '[{"name":"王五","age":90},{"name":"郑六","age":100}]' } ]}data.records.forEa

问题描述：遇到一个需求，就是市和县要做成两个选择框，并保持它们数据的联动。使用vue + element ui的实现方法如下：<template> <div class="app-container"> <el-form label-position="left" ref="form" :model="form" label-width="40px"> <el-row> <el-col :span="

如果配置了proxy代理，前端项目在开发调试的时候，F12下查看接口请求地址，是查看不到真实的后端地址，只能看到被代理后的 http://localhost:8080地址；这时候要想查看真实的接口调用地址，可以在proxy中配置logLevel: 'debug' 这一项，然后就可以在终端中打印出真实的后端接口调用地址；proxy: { '/api': { target: 'http://localhost', changeOrigin: true, l.

目前很多地图供应商都提供了地图URL调用形式，即通过跳转到指定的URL链接地址，就可以做一些有关地图方面的开发，而不用引入相关地图；以腾讯地图为例：这是腾讯地图URL调用形式的开发文档URI API（地图调起） | 腾讯位置服务通过跳转的URL路径以及传入参数就可以添加标注点：https://apis.map.qq.com/uri/v1/marker?marker=coord:39.892326,116.342763;title:超好吃冰激凌;addr:手帕口桥北铁路道口&refer

<div v-for="item in itemArr" :key="item.id" v-model="item.checkedData"> <el-select @change="(val) => handleClick(val, item)" size="medium"> </el-select></div><scri.

$emit传递一个参数的情况//child组件，在子组件中触发事件this.$emit('handleFather', param)//father组件，在父组件中引用子组件<child @handleFather="handleFather"></child>//或者//<child @handleFather="handleFather($event)"></child><script> export default

immediate: true表示在页面初始化或者刷新时立即执行一次回调函数；watch: { 'formData': { handler: function(val) { this.$emit('handleChange',val) }, deep: true, //immediate: true } },

import CryptoJS from 'crypto-js'/** * @word 要加密的内容 * @keyWord String 服务器随机返回的关键字 * *///加密export function aesEncrypt(word,keyWord="Buyti998OZkX"){ let key = CryptoJS.enc.Utf8.parse(keyWord); let srcWords = CryptoJS.enc.Utf8.parse(word); let e.

问题描述：在调试代码，修改一个div的样式时，发现其高度为0，但是该div却包括了多个有高度的子元素，就觉得很奇怪；仔细想了一下，应该就是遇到了css中所说的高度坍塌问题了；问题分析：float: left；元素靠左边浮动float: right；元素靠右边浮动float: none；元素不浮动css中出现高度坍塌的原因：子级元素设置了浮动，脱离了文档流；而父级元素未设置浮动属性、未设置高度、高度设置为自适应；从而导致父级元素高度为0，出现高度坍塌；<div clas

问题描述：做项目时遇到一个需求：在新窗口打开要跳转的页面；在代码实现层面表现为：使用$router.push或者$router.go在单击事件或者函数中实现页面跳转；但在vue2.0之后，它们不再支持_blank新窗口打开的属性；解决方案：使用支持_blank属性的$router.resolvehandleLinkDetail(value) { // this.$router.push(`/detail/index?id=${value.id}&flag=1`);