黄业帝-CSDN博客

原创关于avue的那些事——修改对象属性

关于avue的那些事“前端搬砖神器,让数据驱动视图,更加贴合企业开发”——avue官网。最近做的项目用的是avue组件，这个基于element-ui库二次封装的组件库，看似功能强大，但是对于像我这样的小白来说还是有点难用的。先说需求：通过选择radio单选框控制表单其他行的显隐，如图需求不难，正常来说，用v-if来进行判断即可，但是avue是基于element进行二次封装的，有些东西封装起来了你就不知道怎么去弄出来了。在avue里表格以及按钮都封装在对应的js文件里。<avue-crud

2022-03-09 15:29:42 1625

原创后端正常返回了数据，但是页面渲染不出来的bug

后端正常返回了数据，但是页面渲染不出来的bug项目背景：在接受后端返回的值时，返回的对象中的一属性为空，但页面中绑定了该属性，操作了它，越界取值，如：html中代码为 v-model = form.list[0].name, 但后端返回的该属性为空,即res.data.data.list = null, 此时页面读取了改属性，越界取值，页面渲染不出数据。当时也是排查了好久也找不到解决办法，后来去问的大佬同事，一语道破，也是自己的基础知识不够扎实吧，解决办法很简单，就是在获取后端数据时加一层对改属性的判

2022-01-17 15:35:44 3540 1

原创 vue-router的简单使用

vue-router的简单使用什么是vue-router： vue的一个插件库，专门用来实现SPA(Single-Page-Application)应用，详细描述请点击=>vue-router中文官方文档路由的三个基本概念：route：是一条路由，里面包含着路径和跳转的组件，如当点击首页按钮，会跳转到首页的页面，这个过程便是一条路由。routes：是一组路由，多个路由的集合体，一般以数组形式，里面的路由以对象形式存储，它管理着多个路由。router：是一个机制，它管理者router，当请

2021-10-15 16:44:51 177

原创 vue中的自定义指令

vue中的自定义指令在使用vue的过程中，我们使用的指令是vue默认的指令，如v-model，v-for等，我们也可以自己设置一个属于自己的指令。问题：我们为什么需要自定义指令，vue官方文档中这样描述：Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。创建自定义指令的方式：1.局部创建。 2.全局创建局部创建：new directives{ //对象形式 mytext:{ bind(e,d){},

2021-10-14 22:31:20 173

原创 CSS中内容盒子(w3c盒子)与边框盒子(IE盒子)的区别

CSS中内容盒子(w3c盒子)与边框盒子(IE盒子)的区别1.什么是内容盒子(w3c盒子) 默认的盒子模型，使用box-sizing属性可以改变盒子模型，取值为content-box的盒子为默认盒子模型特点：当我们为一个盒子指定width属性的时候，实际上width仅为内容的宽度，当padding和border变大的时候，内容宽度不变，盒子所占的总体宽度要变大。高度也一样。.content{ width: 100px; height: 10

2021-08-17 18:43:46 409

原创 HTML-块级、行内元素和基础标签的介绍（第一天笔记）

HTML基本元素的使用1.块级元素作用：搭建网页结构特点：1、独占一行空间。2、默认宽度为100%，没有父元素的话，宽度相对于视图区，有父元素的话相对于父元素而言，高度由子元素及其内容撑起3、高度由子元素或内容决定。4、可以通过css指定其样式代码：<body> <div style="border: 1px solid red; "> div块级元素 </div> <div style="border: 1px solid

2021-08-03 11:25:45 769

原创 Axure-中继器的使用

Axure-中继器的简单使用1.什么是中继器它可以帮助你在原型页面中保存数据，并且提供增删改查等功能，帮助你完成复杂的交互场景2.案例1：使用中继器绘制一个基本表格首先把一个中继器拖到页面，可以看到中继器的样式，Column0是它的默认列。双击样式中的列表，可以进行操作，修改列名，列中的数据，新增列等操作其实这个表格里面的元件是矩形，想要新增一列的话，双击中继器，复制默认的那个矩形，粘贴排列好(记得将矩形命名，这是个好习惯！我们这里给它命名‘年龄’)，也可以去元件库找

2021-08-02 20:16:06 1439

原创 Axure教程-新手入门基础(小白强烈推荐！！！)

Axure教程-新手入门基础(小白推荐)1.Axure软件介绍Axure RP是一款专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。Axure RP Pro能快速帮助设计者设计出快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以

2021-07-28 20:35:05 108249 9

qq_44102500的博客