- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue 子组件与父组件之间传值
1.父组件与子组件传值props1.1定义父组件，父组件传递msg这个数值给子组件(子组件接收到为msgVal):1.2定义子组件，子组件通过 props方法获取父组件传递过来的值。props中可以定义能接收的数据类型，如果不符合会报错。注意：父子组件传值，数据是异步请求，有可能数据渲染时报错原因：异步请求时，数据还没有获取到但是此时已经渲染节点了 解决方案：可以在父组件需要传递数据的节点加上 v-if = isReady(isReady默认为false），异步请求获取数据后（..
2021-07-29 23:37:49
15021
2
原创 vue+px2rem实现pc端大屏自适应(rem适配)
配置前言 项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配 实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位 前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以要配置相关样式，在style中需要" !important "进行样式覆盖。 第一步，安装postcss-px2rem
2021-07-29 23:21:43
561
原创 如何用vuex实现传值
分5步1.在store文件夹下的modules文件夹下的setting.js文件下赋值。赋值位于state下，默认为空，也可以自定义赋值const state = { // title: 'title', showSettings: showSettings, fixedHeader: fixedHeader, sidebarLogo: sidebarLogo, entitytype: "", id:"", formdata:""}2.在store文件夹下的ge
2021-07-29 23:20:53
2381
1
原创 如何实现在两个函数里分别取值组合成对象
思路：定义一个空的对象，对象中包含两组键值对，其中一个在第一个函数中取值，另一个在第二个函数中取值，最后组合，完成。
2021-07-29 22:47:43
138
原创 elementui table 筛选
想实现如下页面的功能，怎么做呢，一步步来实现 先写一个input输入框和button按钮 记得在input输入框v-model双向绑定一个值，同时button按钮绑定一个点击事件 在methods方法里写方法逻辑 this.listQuery.page.current=1意思是不管搜索时表格已经翻到第几页，点击搜索按钮后，统一回到第一页。listFun是自己定义函数，作用是调用后台接口，list后边跟的this.listQuery是v-model值。th...
2021-07-29 22:26:52
365
原创 element UI Pagination 分页的使用
话不多说，线上代码看文档说明，然后绑定属性然后再data里给listQuery下与分页有关的变量赋值。最后直接上效果图
2021-07-29 21:30:51
97
原创 element UI表单验证
Form 组件提供了表单验证的功能，只需要通过rules属性传入约定的验证规则，并将 Form-Item 的prop属性设置为需校验的字段名即可。el-form中绑定model数据，绑定rules规则（后续data会用），声明ref值（后续script程序会用） el-form-item中绑定prop值，注意prop值与v-model中的值必须要保持一致 3.data数据中给ruleform赋值，同时定义rules规则（每一个被约束的表单都要加约束，格式如下）注意...
2021-07-29 21:15:27
219
原创 vue如何获取后台json字符串
FlashFXP是一款功能强大的FXP/FTP软件，集成了其它好的FTP软件的优点，支持文件夹的传输，并且能够实时记录站点密码，便于管理。FlashFXP简化了用户界面，方便用户操作。
2021-07-01 15:16:17
2375
原创 Tree树形控件(element UI)下添加节点内容
首先明确难点：树形控件存在层级嵌套关系，需要完成的功能是点击一个层级按钮，显示一种页面，每一层的页面不一样。思路;给每一层分别赋值stagetype值 data() { return { type:"", stagetype:"", showorhiden :false, /* 默认显示第几张页面 */ activeName: '', data: [{ label
2021-06-30 20:37:54
2770
1
原创 织梦 dedecms v5.7 安装教程
文字教程：主站安装流程（请严格按照这个流程来）1.把文件上传到你的站点的根目录，然后运行 http://你的域名/install/index.php 安装，根据提示填写好相关信息，点“下一步”...即可完成安装。(注：若提示无法安装，页面出现DIY字样。请进入install文件夹，将install_lock.txt文件删掉。把index.php.bak文件改为index.php即可！)2.安装好后，在后台“系统”—“数据库备份/恢复”，点右上角“还原数据”—“开始还原数据”，恢复数据库。.
2021-06-15 17:46:00
762
原创 如何添加域名记录（腾讯云版本）
1.主机记录一般用www和@的多一些2.记录类型一般用A和CNAME多，A是用来指定ip4地址，用的尤其多，CNAME指定同一个地址，相对用的少3.线路类型一般选择默认4.记录值写入服务器ip地址就行（找到云服务器，公网ip就是服务器ip）5.权重 TTL MX这三个值不要随意更改，默认值就好...
2021-06-15 14:40:25
1001
转载 vue+px2rem实现pc端大屏自适应(rem适配)
vue+px2rem实现pc端大屏自适应(rem适配)**实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位**前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以要配置相关样式，在style中需要" !important "进行样式覆盖。第一步，安装postcss-px2rem及px2rem-loader打开命令行工具，输入以下指令安装插件(当然用淘宝镜像
2021-06-11 10:33:15
544
2
转载 【Vue原理】响应式原理 - 白话版
本文打算 白话文的形式讲解 Vue 的响应式系统原理，尽量不涉及源码。只阐述工作流程，不想内容过多过于繁杂，导致大家会没有什么阅读的兴趣。所以我今后打算把每一个内容分成 白话版和 源码版。白话版，就是让大家不用花费太多脑力，不用消耗太多时间，就能轻松地看完并大致了解内容。有时间精力的人可以阅读源码版 ，然后自己参考源码，来进行研究学习。有什么错误的地方，感谢大家能够指出响应式系统我们都知道，只要在Vue实例中声明过的数据，那么这个数据就是响应式的。什么是...
2021-06-02 10:12:26
374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人