![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
同块柴
这个作者很懒,什么都没留下…
展开
-
vue前端预览ofd格式的文件
vue前端预览ofd格式的文件转载 2022-07-08 10:02:48 · 2994 阅读 · 1 评论 -
vue的跳转方式
1.router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/detail/two', query:{id:1,name:'vue'}}"> </router-link>原创 2022-03-15 14:45:18 · 2094 阅读 · 0 评论 -
element 分页列表组件2.0(附上组件代码)2020-08-17
##PageTable 组件使用添加说明父组件操作<PageTable ref="pageTable" :url="url" :queryParams="tableQuery" :tableColumns="tableColumns" v-on:getTableData="getSonData" :multipleSelection.sync="selectedRows" :showCheckBox="true" :showRowIndex="true"> </PageTable>原创 2022-01-20 16:16:57 · 1379 阅读 · 0 评论 -
element ui 树形控件tree实现单选功能
1:父子节点不关联check-strictly2:实现单选 handleCheckChange<el-tree :props="defaultProps" ref="tree" :data="treeData" :check-strictly="true" show-checkbox node-key="id" default-expand-all highlight-current @check-change="handleCheckChange">&原创 2021-12-17 16:34:17 · 3731 阅读 · 1 评论 -
分页列表组件
##PageTable 组件使用添加说明父组件操作<PageTable ref="pageTable" :url="url" :queryParams="tableQuery" :tableColumns="tableColumns" v-on:getTableData="getSonData" :multipleSelection.sync="selectedRows" :showCheckBox="true" :showRowIndex="true"> </PageTable>原创 2021-08-30 16:59:28 · 419 阅读 · 0 评论 -
vue首次加载很慢、vendor文件过大的优化方式
最近开发一套后台管理系统,遇到首页加载很慢的问题,技术栈是 vue全家桶 + elementUI + echarts 。首次加载大概需要10s,页面才能出来。总结如下原因:原因1:由于vendor.js和app.css较大,UI渲染线程并不会优先加载他俩,但是VUE等主流的单页面框架都是js渲染html body的,所以必须等到vendor.js和app.css加载完成后完整的界面才会显示。原因2:还有一个原因就是单页面首次会把所有界面和接口都加载出来,会有多次的请求和响应,数据不能马上加载二者相加原创 2020-10-19 11:21:30 · 1448 阅读 · 0 评论 -
父子组件互相传递参数
#注意子组件向父组件传值(通过事件形式)1.父组件<!-- // 父组件 father.vue--><template> <div id="app"> <son v-on:titleChanged="updateTitle" v-bind:verify_num="verify_num" ></son> <!-- ...原创 2020-01-19 16:52:41 · 390 阅读 · 0 评论 -
vue基本知识概述
MVVM设计模式:传统网页组成: 3部分:HTML: 定义网页的内容CSS: 定义网页的样式JS: 为网页添加交互行为问题: JS DOM操作,既要加工数据,又要承担大量的反复的增删改查操作。重新划分上述3部分:View视图: 指网页中的元素和样式,包括HTML和cssModel模型数据: 指程序中创建的或从远程获取的数据(如ajax请求的数据,放在data中)ViewMod...原创 2019-10-21 14:28:17 · 346 阅读 · 0 评论 -
v-bind指令用于给html标签设置属性。
v-bind指令用于给html标签设置属性。基本用法 文字比如说,我想给附上href属性,不过恰好有一个问题是href的值没有协议(https://),所以我想给它加上协议,那么就定义一个过滤器(filters),过滤器的名字叫add_protocol,值是一个函数。v-bind 缩写v-bind由于太常用,可以缩写。缩写方式是:直接不写,从冒号开始写。...原创 2019-10-21 14:27:23 · 458 阅读 · 0 评论 -
webpack的安装和基本使用
webpack简介本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack 基本使用webpack 处理 JS 文件之间的相互依赖关系,...原创 2019-12-13 14:58:21 · 118 阅读 · 0 评论 -
2.vue中watch的详细用法
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:复制代码new Vue({ el: '#root', data: { cityName: 'shanghai' }, watch: { cityName(newName, oldName) { // ... } } })复制...转载 2019-08-14 09:28:08 · 1437 阅读 · 0 评论