devtools浏览器edge vue

vue路由传参是指嵌套路由时父路由向子路由传递参数，否则操作无效 一、利用"router-link"路由导航 父组件： 使用 <router-link to = "/跳转路径/传入的参数"></router-link> 例如：<router-link to="/a/123">routerlink传参 ......

1、返回数据为一维数组 getData() { that.tableData = res.data.data.list; } 2、合并函数 挂在vue底层： Vue.prototype.$spanMethodFunc=function(list, props, row, col) 写在method内 ......

返回的是一维数组 o:[{id:1,name:s;age:11},{id:1,name:s;age:11},{id:2,name:p;age:15}] 1、对返回的数据做处理 getData() { that.tableData = res.data.data.list; that.getForma ......

一、路由、子路由、动态路由 子路由、动态路由类似，不同的是子路由同时有路由跳转和页面跳转的，动态路由只有路由跳转，没有页面跳转 举例如下：/customerHome 下有 item1 和 item2 两个子路由。 import { createRouter, createMemoryHistory, ......

module.exports = { lintOnSave: false, devServer: { //开发环境下设置为编译好以后直接打开浏览器浏览 open: true, }, configureWebpack: (config) => { //调试JS config.devtool = "ev ......

# 利用属性指令 + setInterval(是一个实现定时调用的函数) ```html Title 点我切换 ``` ......

## vm对象 ```html {{name}} 点我 ``` ## 函数传参 ```html 函数，可以多传参数，也可以少传参数，都不会报错 点我 事件对象，调用函数，不传参数，会把当前事件对象，传入，可以不接收，也可以接收 点我2 点我3 ``` ## 属性指令 ```html // 标签上 n ......

1，数据格式是二维的 如：o:{id：123， prams:{name:aaa,age:11} } 的对象 第一步：先获取返回的数据为indexInfoList，遍历转化为一维数组 that.indexInfoList.forEach(ele => { if (ele.prams.length >= ......

# 使用Javascript表达式 在vue提供的模板渲染语法中，除了支持`绑定简单的数据值`之外，还`支持Javascript表达式的运算`，例如： ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是：{{tips.split('').reverse().join('') ......

HTML被HTML解析器解析成DOM Tree,CSS则被CSS解析器解析成CSSOM Tree`。 DOM Tree和CSSOM Tree解析完成后，被附加到一起，形成渲染树（Render Tree）。 节点信息计算(重排)，这个过程被叫做Layout(Webkit)或者Reflow(Mozill ......

You can use getEventListeners(button)directly inside chrome devtool, but not inside application code. You can use monitorEvents(button, 'keydown'), no ......

# VUE自学 [TOC] ## 一、vue核心的相关学习 本人想先看vue3的但是奈何没文化看不懂，环境也不会装，直接就寄了，只能从头看。 ### 一，搭建vue开发环境 #### 1.下载vue.js http://v2.cn.vuejs.org/v2/guide/installation.ht ......

https://huaweicloud.csdn.net/639ff5afdacf622b8df90ecc.html?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~Blo ......

Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国 ......

Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国 ......

## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......

Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......

Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......

1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有： normal：默认，忽略文本中所有的空白、换行符；只有文本存在 <br> 或文本达到框的约束时，文本才会换行 nowrap：和nor ......

created() { this.keyDown(); }, beforeDestroy() { this.keyDownReview(); }, methods: { //按键恢复 keyDownReview() { document.onkeydown = function (event) { ......

vue-element-admin 安装依赖的时候报以下错误 npm ERR! code ENOENTnpm ERR! syscall spawn gitnpm ERR! path gitnpm ERR! errno -4058npm ERR! enoent An unknown git error ......

在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。 父组件传参，一般分为两种情况： 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用 ......

PAG是一套完整的动画工作流文件夹。 可以通过安装依赖 npm install libpag 或者cdn <script src="https://cdn.jsdelivr.net/npm/libpag@latest/lib/libpag.min.js"></script> 来引入 utils文件封 ......

一、数组 items: ['a', 'b', 'c'];//一个普通的数组 this.items[1] = 'x' ;//修改已有项 this.items[3] = 'd' ;//新增一项 this.item.length = 2;//修改数组的长度 //一个对象数组 msg: [{id: 1,se ......

1、在项目中存放本地JSON文件 2、在需要的组件引入本地文件 import dataBaseMap from '../json/dataBaseMap.json'; 3、在data中接受数据 data() { return { // 浅拷贝 dataBaseMap: { ...dataBaseMa ......

### 一、运行vue项目报如下错误： ``` npm ERR! code ELIFECYCLE npm ERR! errno 126 npm ERR! vue-admin-template@4.4.0 dev: `vue-cli-service ``` ### 二、报错原因： ``` 可能是由于n ......

1. 允许使用任何值类型 2. 一个包含对象类型值的 ref 可以响应式地替换整个对象： const objectRef = ref({ count: 0 }) // 这是响应式的替换 objectRef.value = { count: 1 } 3. ref 被传递给函数或是从一般对象上被解构时， ......

错误示范： const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.c ......

getClientRects()获取文本的行数和宽高等信息，只能获取行内元素的 nextTick(() => { const lineRows = document.querySelector('.abc').getClientRects(); // 如果行数超出2||行数是2&&最后一行宽度超过d ......

JavaScript的对象字面量是一种方便创建和初始化对象的语法。它允许您直接在代码中定义对象，而无需使用类或构造函数。对象字面量使用大括号{}括起来，并包含零个或多个键值对。 以下是JavaScript对象字面量的常见用法和特点： 键值对：对象字面量中的键值对由键和值组成，使用冒号:分隔。键是字符 ......