vue
幼稚猿
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
AntDesign -vue table 获取滚动条
<a-table ref="tableRef" :columns="columns" :data-source="data" :scroll="{ x: 1500, y: 300 }"> <a slot="action" slot-scope="text">action</a> </a-table>获取 ref节点this.$refs.tableRef.$el.querySelector.原创 2021-11-26 11:00:13 · 1427 阅读 · 0 评论 -
Vue 在head 动态增加style 节点
const head = document.getElementsByTagName('head')[0]this.cssDom = document.createElement('style')this.cssDom.setAttribute('type', 'text/css')this.cssDom.setAttribute('id', `css-add`) // 增加style的idthis.cssDom.innerHTML = this.cssValuehead.appendChil.原创 2021-11-26 10:37:01 · 1280 阅读 · 0 评论 -
Vue 取消键盘事件的默认行为,页面滚动条不随之上下滚动
1、绑定键盘事件@keydown.native="onKeyDown"2、事件onKeyDown(e) { e.preventDefault() // 键盘按键判断:左箭头 37;上箭头 38;右箭头 39;下箭头 40 if(e.keyCode == 38 || e.keyCode == 40 || e.keyCode == 37 || e.keyCode == 39){ if(e.preventDefault){ e.preventDefault();原创 2021-11-19 16:53:20 · 1544 阅读 · 1 评论 -
Vue 递归出树当前层级(节点)下的所有id
/** getTreeIds() 递归当前点击的树层级下的所有regionId* unique() 数组去重(可调用也可不调用)* */getTreeIds(data) { if (data.children instanceof Array) { data.children.forEach(item => { this.regionIdList.push(item.regionId) this.getTreeIds(item) }) }.原创 2021-11-18 11:21:48 · 1486 阅读 · 0 评论 -
vue 子组件给父组件传值
子组件:<template> <div> <el-input v-model="input" placeholder="请输入内容" @keyup.enter.native="sendMsg"/> </div></template><script >export default { name: 'Child', data() { return { input: '子组件的msg'原创 2021-11-12 17:31:21 · 698 阅读 · 0 评论 -
vue 中的 ... (三个点的用法)
这个是扩展运算符。扩展语法。对数组和对象而言,就是将运算符后面的变量里东西每一项拆下来。这个东西可以在函数定义的地方使用,比如使用func(...args)将函数传入的参数都放到args数组里。...原创 2021-08-17 23:41:27 · 27136 阅读 · 1 评论 -
目前的前端三大框架
目前的前端三大框架:vue: 开源项目, 由 Google离职程序员开发. 适合中小型项目. 使用较多: 因为中小型项目多. angular: Google公司开发并维护. 适合中大型项目 使用较少: 因为大型项目少. react: Facebook公司开发. 适合所有项目. 其中扩展包 ReactNative 在制作App的领域中, 具有极高的地位.三大框架分两个阵营:vue, angular: 利用js的语法糖写法: v-html v-if {{}} 在html代码中快速书原创 2021-08-16 14:51:26 · 560 阅读 · 0 评论 -
AngularJS 、react 、vue 数据绑定(Data Binding)
目录AngularJS 数据绑定(Data Binding)react数据绑定(Data Binding)vue 数据绑定(Data Binding)1. AngularJS 数据绑定(Data Binding)在Angular网页应用中,数据绑定是数据模型(model)与视图(view)件的自动同步。Angular的实现方式允许你把应用中的模型看成单一数据源。而视图始终是数据模型的一种展现形式。当模型改变时,视图就能反映这种改变,反之亦然。1.1 典型模板系统中的数据.原创 2021-08-16 00:00:37 · 770 阅读 · 0 评论 -
vue 注册全局组件
1. 在main.js中注册成全局组件:2.页面引用组件3.组件内容原创 2021-08-16 00:01:20 · 201 阅读 · 0 评论 -
vue 表格加手型
原创 2021-08-15 22:11:35 · 368 阅读 · 0 评论 -
vue 表格加序号
步骤一:步骤二:步骤三:原创 2021-08-15 22:07:04 · 404 阅读 · 0 评论 -
vue 前端内存问题 解决方案
前端内存问题:JavaScript heap out of memory解决:1、全局安装increase-memory-limitnpm install -g increase-memory-limit2、进入工程目录,执行 :increase-memory-limit3、如出现错误提示'node --max-old-space-size=10240' 不是内部或外部命令,也不是可运行的程序 ,仅需在 node_modules 文件夹中将所有 "%_prog%" 替换成 %_prog%原创 2021-08-15 22:05:23 · 2160 阅读 · 0 评论 -
重新安装Vue环境
1.清理依赖包del node_modules2.清理文件del package-lock.json3.强制清理npm cache clear --force4.重新安装npm install5.sass-loader依赖于node-sass,所以要安装node-sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包...原创 2021-08-15 22:03:17 · 2806 阅读 · 0 评论 -
vue 表格分页
<template> <div> <!-- 表格数据 --> <div class="table-content"> <el-table :data="pageList" stripe style="width: 100%;"> <el-table-column prop="1" label="1"></el-table-column> <el-tabl.原创 2021-08-15 22:01:32 · 163 阅读 · 0 评论
分享