王者QQID-蓝烟百里飞剑

https://www.jianshu.com/p/4c73ca2ff872

<el-table ref="table" v-loading="listLoading" :cell-style="cellStyle" :data="AfterChangeData" :header-cell-style="table_heard_style" :height="700" :row-key="

// 子组件代码<template> <div class="child"> <h4>this is child component</h4> <p>收到来自父组件的消息： <slot name="child"></slot> <!--展示父组件通过插槽传递的{{message}}--> </p> </div></template&g

//级联下拉回显(多级) changeDetSelect(key, treeData) { let arr = []; // 在递归时操作的数组 let returnArr = []; // 存放结果的数组 let depth = 0; // 定义全局层级 // 定义递归函数 function childrenEach(childrenData, depthN) { for(var j = 0; j < childre

npm i sortablejsimport Sortable from "sortablejs";//表格拖动排序 async dragSort() { const el = this.$refs.singleTable.$el.querySelectorAll(".el-table__body-wrapper > table > tbody")[0]; this.sortable = Sortable.create(el, { ghos

<el-cascader ref="objArrcasa" v-model="form_list_.leadsQueryInfo.areaIdList" :props="listPropsSHDQ" clearable @change="handleChange1($event, 1)" ></el-cascader&gt...

//html:span-method="arraySpanMethod"//筛选 async getListTable(data) { this.listLoading = true; data.leadsQueryInfo.pageNum = this.pageNum; data.leadsQueryInfo.pageSize = this.pageSize; this.tableDatasList = await JSON.parse(JSON

//表格字段从为空处理=='--' emptyDefault(arr) { arr.forEach(val => { Object.keys(val).forEach(v => { if (this.isobjEmpty(val[v])) { val[v] = '--' } }) }) },

//时间函数处理多级下拉组件节点 timeAreaNode() { setInterval(function () { document.querySelectorAll(".el-cascader-node .el-radio").forEach((el) => { el.style.display = "none"; }); document.querySelectorAll(".el-cascader-nod

//去除数据中的默认 -1 setObj_(obj) { Object.keys(obj).forEach((key) => { if (obj[key] == -1) { if (key != "sex") obj[key] = typeof obj[key] === "string" ? "" : null; } }); return obj; },

//对象为空数据过滤 isEmptyObj(o) { for(var attr in o) return !1; return !0; }, processArray(arr) { for(var i = arr.length - 1; i >= 0; i--) { if (arr[i] === null || arr[i] === undefined) arr.splice(i, 1); else if (t

//计算分钟 s_to_hs(s) { //算法：将秒数除以60，然后下舍入，既得到分钟数 var h; h = Math.floor(s / 60); //计算秒 //算法：取得秒%60的余数，既得到秒数 s = s % 60; //将变量转换为字符串 h += ""; s += ""; //如果只有一位数，前面增加一个0 h = h.length == 1 ? "0

//封装为一个方法判断变量是否为空 isobjEmpty(obj) { if (obj === null || obj === undefined || obj === "" || obj.length === 0 || obj === {}) { return true; } else { return false; } }, //使用 if(!this.isobjEmpty(obj)){ //存在

//时间戳转换成年月日时分秒 formatDate() { let date = new Date() let y = date.getFullYear() let MM = date.getMonth() + 1 MM = MM < 10 ? ('0' + MM) : MM let d = date.getDate() d = d < 10 ? ('0' + d) : d let h = date.ge

效果单个数组:prop="'contactList.' + index + '.contactName'"二维数组:prop="'contactList.' + index +'.contactBox.' + bb + '.contactValue'"所有代码<div v-for="(domain, index) in formAddXianSuo.contactList" :key="index" class="contactBox"> &lt

<el-table ref="table" v-loading="listLoading" :cell-style="cellStyle" :data="tableData" :header-cell-style="table_heard_style" :row-class-name="tableRowClassName" :.

@select="selectCheckOne" @select-all="selectAll"select_box:[]//单选 selectCheckOne(val, row) { //isSelect true为选中 false 为取消 let isSelect = val.length && val.indexOf(row) > -1 //findIndex返回-1则不存在，>0则存在 let n = this.sel.

git小乌龟[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YCAZOIwN-1627262113131)(C:\Users\guoxinqiang\AppData\Roaming\Typora\typora-user-images\1616045949098.png)]切换/检出--------------------切换分支切换/检出--------------------切换新分支----创建新分支可视化编辑网页document.body.contentEdi

父组件<control :lingthData="lingthData" v-model="deviceF"></control> //v-model里面写上我们要传给子组件，并且还会在子组件中改变这个值 import control from '@/page/map/control'export default { components: { control }, data () { return { deviceF: true

怎么在样式中使用data中的变量呢<template> <div class="box" :style="styleVar"> </div></template><script>export default { props: { height: { type: Number, default: 54, }, }, computed: { styleVar() {

this.$parent可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法// 子传父this.$parent.datas = "val"for(let i = 0; i < this.$children.length; i++) { console.log(this.$children[i].msg)//输出子组件的msg数据； }...

这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的斜体样式时间里始终生效。使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过provide/inject可以轻松实现跨级访问祖先组件的数据// 父组件内provide：Object | () => Object// 子组件内inject：Array<string> | { [key: string]: string |

delimiters的作用是改变我们插值的符号。Vue默认的插值是双大括号{{}}。但有时我们会有需求更改这个插值的形式。delimiters : [ '${' , '}' ]现在我们的插值形式就变成了${}。代替了{{ }}