2302_76386121的博客

原创 在vue项目中把带标签的文章去掉label渲染到页面，innerHTML，v-html

从后端响应的文章大多数是带标签的，直接渲染到页面也是带标签的，所以需要前端加工一下这是截取的一部分。

原创 动态数据列表下拉选择（多表）多个接口

这个里面要注意option中value的值要转换为int型，应为是通过这一行的id获取的这个mesFactoryModelDetailList但这个list里的属性没有我们要用的，但是id要用，所以可以通过forEach循环加上我们要用的字段。parseInt()是 JavaScript 中的一个内置函数，它用于将字符串转化为整输(十进制)并通过这个list里的id通过接口把响应的值赋值给增加的那些字段。这个option里的数据是从后端铜鼓接口获取过来的。

原创 多选删除,单选删除，clearSelection，pop

和 slice 相比 splice 是会改变原数组的。这个是多选框绑定的的selection-change触发的事件。start 是开始位置,可以为负数，-1就代表从最后一位开始。执行下面的方法clearSelection是清除选中的数据。，或替换数组中的元素，然后返回被删除/替换的元素。delProductModel是一个多选删除的接口。num代表要删除或者替换的长度，不能为负数。参数selection是选中的数据。

原创 动态树形控件传值

通过handleTree,进行数据转换，这个是自己封装的方法，把data丢到categoryOptions数组中。categoryOptions就是从后端拉取过来的数据。首先引入官网上的Tree树形控件。这个是data中的数据。

原创 vue中后台返回数字，前台用文字表示

方法一：用三元运算符转换。后续方法学习中.....

原创 vue中的 slot-scope,row-click,rules校验数据,forceUpdate更刷新页面,$nextTick,setattribute

7.validator 如果配置型的校验规则不满足你的需求，你可以通过自定义函数来完成校验，它是一个函数, 有三个参数 (rule(当前规则),value(当前值),callback(回调函数))因为在created()钩子函数中，页面的DOM还未渲染，这时候也没办法操作DOM，所以，此时如果想要操作DOM，必须将操作的代码放在nextTick()的回调函数中。在数据变化后执行的某个操作，而这个操作需要使用随数据变化而变化的DOM结构的时候，这个操作就需要方法在nextTick()的回调函数中。

原创 vue中ref属性，prop属性，this.$emit使用方法，parseTime(js时间格式化)

vef : 被用来给元素或子组件注册引用信息，通俗的讲使用ref可以获取DOM元素，也可以获取子组件示例对象。参数this.linkProjectInfoNum[项目编号]：表示传递给另一个页面的值，参数可以传多个。prop主要用于组件传值，他的工作是为了接收外面传过来的数据，与data,el,ref是一个级别的配置项。注：prop是只读的，vue底层会检测你对props的修改，如果修改了，控制台则会报错。1.只接收：prop:['name','age','sex']` 再跟注册时的名称来引用DOM元素。

原创 在vue中通过forEach循环向数组对象中添加元素，forEach语法

1,getList是自己定义的一个方法，fetchList()是获取商品接口的方法，ListQuery是后端的接口，初始值在data(){return{}}中，调用需要用this.response是响应（响应头，响应行，响应体）：1.响应信息，2.状态码，3.响应正文，request是请求。

原创 vue路由跳转的三种方式

方法一：通过给数组中的每一个对象增加一个字段url,通过循环数组中的对象来调用。还有一定"'./url?参数='+参数值"这样写，不要少写引号。一点要注意绑定事件，详情页要写个接口，数据是从后端传过来的。方法二：直接用a标签中的属性写跳转地址。8.增加for循环添加字段。

原创 vue实现点击加载更多

2.v-if条件渲染，如果值为true，就会编译，如果为false,那么页面将不会生成html元素/标签。1.定义两个布尔型的变量，一个是默认显示的数，一个是默认加载的数loading和finished。数据库的数据全都加载完后，在底部显示没有更多了。点击加载更多，新显示6个图。

原创 savedate插件（本地存储），v-for循环，vue跳转页面

原来是刷新一下需要登陆一下，比较麻烦，首页接口所需要实现的是只登陆一次，如果有token刷新就不需要再次登陆，需要写一个if语句，并把获取的token值保存到本地存储。注意：查看控制台中打印的数据一定要注意层级关系，在图三中打印的值为response.data.data.records。要注意接口的请求方式，以及文件的引入，通过检查中的network查看请求状态，状态为200值可以通过控制台打印数据。item.id表示的是records中的id。3.引完之后npm run dev运行。

原创 vue（内部指令）

单向数据绑定，可简写为“:”，数据只能从data流向页面: 双向数据绑定 (常用表单元素绑定)，数据能从data流向页面，也能从页面流向data: 遍历数组/对象/字符串: 绑定事件监听，可简写为@: 条件渲染(动态控制节点是否存存在 (显示切换 [操作 dom 元素]）: 条件渲染(动态控制节点是否存存在): 条件渲染(动态控制节点是否展示): 作用:1，向其所在的节点中渲染文本内容。2，与插值语法的区别: v-text会替换掉节点中的内容，{{xx}}则不会。

原创 菲波拉契数列求和

原创 初识vue（1）

用HTML引入vue.js写vue注意事项这里的el:后面接的选择器，data中可以写多个属性。

原创 vue-element-admin 连接 springboot 项目的 login接口,完成登录验证

一、前端。