let sql = `select consignor_Id from Base_Agent_Rate where agent_Id = ? group by consignor_IdUNION ALLSELECT consignor_Id FROM Base_Agent_RateTwo WHERE agent_Id =? group by consignor_Id`;let agentRate = await this.dbRead.query(sql, [userInfo.consignor_Id, userInfo.consignor_Id]); --- 多条let consignorids = agentRate.map(item => item.consignor_Id);where = {consignor_Id: In(consignorids)} 原...
laravel循环三维数组 +++ vue.js循环三维数组 （数据均是以三维数组形式存在的）<form-item label="权限名称" prop="interest">@foreach($permission3level as $k => $v)@foreach($v as $k2 => $v2){{$v2[‘name‘]}}+++{{$v2[‘cate_id‘]}}@endforeach@endforeach</form-item><form-item label="权限名称" prop="interest">@foreach($permission3level as $k=> $v)@if($k==1 )<div v-for="(item2,index2) in level"><checkb...
unique(arr) { const res = new Map(); return arr.filter( (arr) => !res.has(arr.strat_id) && res.set(arr.strat_id, 1) ); },原文：https://www.cnblogs.com/eternityyl/p/14710835.html
需求： 1、自定义多选样式 2、多选值为对象数组 3、已选项侧边显示，可删除，并关联“备选”的选择状态 4、此示例为组件，数据为父组件传递而来难点：多选项的值为对象数组，如果直接使用对象值进行匹配，由于对象的指引不同，所以即使完全相同的值，匹配也不相同。也就导致多选项的值匹配失败，显示为空。思路： 1、备选：多选框的显示使用对象数组，值使用id数组匹配 2、已选：选择“备选”生成的值为id数组，...
问题：请求参数arr=[1,2,3]，则url里面显示“url地址?arr[]=1&arr[]=2&arr[]=3”，这样调用接口的时候后台可能不识别 "[]", 这里需要把 "[]" 给去掉解决方法： 1，安装qsnpm install qs 2，在js里面引用并使用import qs from ‘qs‘this.$http.get(url + ‘?‘ + qs.stringify(params, { indices: false })).then(() => {}) 然后再调用接口的时候url里面就为“url地址?arr=1&arr=2&arr=3”原文：https://www.cnblogs.com...
vue 数组和对象渲染问题最近项目有点忙碌，遇到好多问题都没有总结(╥﹏╥)，在开发过程中，取vuex中的数组渲染完成之后，再次修改数组的值，数据更新了，但是视图并没有更新。以为是数组更新的问题，后来又以为是因为vuex导致的问题. 最后强制刷新组件解决了问题，但是还没有找到根本问题的所在...数组更新检测在 vue 中使用数组的push()、pop()、shift()、unshift()、splice()、sort()、reverse() 、filter()、concat() 方法时，...
<template><div><ul><li v-for="(item, i) in ms" :key="i">{{item}}</li></ul><button @click="change()">点击</button></div> </template><script> export default {data () {return {ms: [1, 2, 3]}},methods: {change () {this.ms[0] = 100console.log(this.ms)}},onLoad (params) {this.keyword = params.keyword} } </script>上面的代码想要实现点击按钮修改数组第一个元素的值。 然而，实际运行后发现控制台打印的数据显...
直接上代码:<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>vue.js 使用数组和对象控制Class </title><script src="vue.js"></script><script src="node_modules/axios/dist/axios.js"></script><script src="node_modules/lodash/lodash.js"></script></head><body><style>.red{color:red;}.font{font-size: 200px;}</style><div id="ask"><!--vue不能控制body和html的标签--><h1 :class="object">简单</h1>...
使用es6的新方法：const a = {a: 1,b: 2,c: 3,d: 4,}console.log(Object.keys(a))console.log(Object.values(a)) 原文：https://www.cnblogs.com/heikedeblack/p/14408615.html
一、监听数组 1.watch能监听到数组的push的改变,例如data () {return {demo: [1,2]} }, mounted (){ window.myVue = this },watch: {demo(val){console.log(val)} },myVue.demo.push(3) //[1,2,3] 2.watch 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：myVue.demo[1] = 5当你修改数组的长度时，例如：myVue.demo.length = 2 这时候你可以删除原有键，再 $set 一个新的，这样就可以触发watchmy...
//这里用的是methods事件并非watch监听this.zhishi 也不需要handleNodeClick(data) {this.zhishi.push(data.label);this.zhishi=Array.from(new Set(this.zhishi));}, 原文：https://www.cnblogs.com/chenchenhao/p/10436229.html
如果只是监听数组列表项的增减（长度），直接对数组进行监听就好了。watch:{data (newVal, oldVal) {// do something } }如果是要对数组列表项的内容是否发生改变做监听，则需要加上一个【deep:true】属性。data: {handler(newVal, oldVal) {// do something },deep: true }这个属性表示深度监听，可以监听到对象、数组的内容变化。 "我不想要意料之外的给予，只想要情理之中的细水长流。"原文：https://www.cnblogs.com/yangg...
1. 修改数组中的内容，数组发生了改变，而页面没有发生改变。解决方案是通过$set方法来设置数组的值，该方法有三个参数，第一个是要被设置值的目标对象，第二个是设置值在数组中的索引，第三个是设置的值<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><style type="text/css">[v-cloak]{display: none;}</style></head><body><div id="app" v-cloak><div v-for="item in testArr">{{item}}</div><button @c...
前言：Vue的核心是数据与视图的双向绑定，当我名修改数组时，vue会检测到数据变化，所以用v-for渲染的视图也会立即更新。Vue包含了一组观察数组变异的方法，使用它们改变数组也会触发视图更新： push()、pop()、shift()、unshift()、splice()、sort()、reverse()——》会改变原始数组 filter()、concat()、slice()——》不会改变原始数组 示例： <div id="app"><ul><template v-for="(item,idx) in books"><li>书名：{{it...
很多时候，我们习惯于这样操作数组和对象: data() { // data数据return {arr: [1,2,3],obj:{a: 1,b: 2}};},// 数据更新 数组视图不更新this.arr[0] = ‘OBKoro1‘;this.arr.length = 1;console.log(arr);// [‘OBKoro1‘];// 数据更新 对象视图不更新this.obj.c = ‘OBKoro1‘;delete this.obj.a;console.log(obj); // {b:2,c:‘OBKoro1‘} 由于js的限制，Vue 不能检测以上数组的变动，以及对象的添加/删除，很多人会因为像上面这...