代码编织梦想

vue _ 教程版 03-爱代码爱编程

目录 一、计算属性 - computed 二、侦听器 - watch 三、过滤器 - filters 四、混入 - Mixins 五、实例生命周期 六、网络请求 6.1、XmlHttpRequest  6.2、Fetch 6.3、axios 图例 : 跳转链接 =>  Vue _ 教程版 01 基础 跳转链接 => 

vue中当传入一个组件的数据类型为对象或数组时,当不传入该值的报错问题_vue3 ts 专递 数组对象 不行-爱代码爱编程

这是我自定义的TableColumn.vue组件代码: <template> <el-table-column :prop="prop" :label="label">

vue(vue/cli)+elementui 项目解决首屏加载慢的问题_vue3 elementui加速-爱代码爱编程

目录 1. 路由懒加载实现 2. 按需引入ElementUI 3.Gizp压缩 4. 隐藏彩蛋:去除.map(.map起辅助调试作用)文件的生成,以加速生产环境的构建 1. 路由懒加载实现 点击查看路由懒加载的实现以及prefetch预加载问题 2. 按需引入ElementUI 查看官方文档按需引入 值得注意的一点是,.babel

vue import from-爱代码爱编程

vue 使用import ...from..来引入组件,方法,库,变量等。而from后面的文件类型可以是js,vue,json vue2在webpack.base.conf.js中进行配置 module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alia

并发请求关闭loading-爱代码爱编程

<script> import axios from 'axios' import config from '@/config' import store

vscode添加用户自定义的vue代码模板_vscode添加vue代码模板-爱代码爱编程

在vscode中添加自定义的vue代码模版: 1.点击vscode左下角的齿轮图标—点击用户代码片段(或者通过菜单栏文件–首选项–用户代码片段打开) 2.选择新建全局代码片段文件并起好名字(后来要通过名字调用

vue component 标签-爱代码爱编程

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/vue.js"></script> <title></title>

vue项目实战-爱代码爱编程

通过前面的学习已经初步掌握了Vue的相关基础知识,这周主要是通过一个小项目对Vue的相关知识进行学习。 项目详细代码链接,实时更新(https://github.com/TaiYiZhen/supermall.git) 一.自定义TabBar组件 首先新建一个项目tabbar用来封装自定义TabBar组件以便于在后期项目中使用 实现思路: 1.

vue插值语法-爱代码爱编程

插值 mustache语法 :{{}} mustache语法中,不仅可以直接写变量,也可以写简单的表达式。 <div id="app"> <div>{{message}}<

vue中使用rem的方式之一_vue h5 rem值自动计算-爱代码爱编程

new Vue({ router, store, render: h => h(App), created () { // 实例创建完成后被立即调用rem换算方法,解决内容闪现问题 setRemPc(); window.addEventListener('resize', setRemPc);//浏览器窗口大小

vue rem设置-爱代码爱编程

路径:和main.js平级的lib文件夹里 ./lib/rem.js let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resi

asp.net+vue+emelentui的实现(三)js和css的自动载入-爱代码爱编程

在前面的文章中实现了框架的简单搭建、身份的验证,但每个页面都要引入vue和element等相关的js、css,这样相当繁琐,那有没有什么方式能够自动实现的呢?有的。这就要用到asp.net的机制。因为aspx的每一个页面都是通过后台请求来推送到前端的,所以可以在收到请求后,作出一定的处理,把需要加载的js、css直接赋进去。为此,我们增加了一个PageBa

js,vue常用数组遍历方法比较.filter() .some().map() .foreach() .find() .every()_.some.map-爱代码爱编程

.filter().some().map().forEach().find().every()场景:遍历数组会返回一个新的数组找到符合条件的便会终止,否则会遍历整个数组遍历数组返回新数组,返回数组是什么取决于map函数中的调

(配置)vue中scss配置全局变量使用_scss全局变量-爱代码爱编程

个人项目地址: SubTopH前端开发个人站   (自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面) SubTopH前端开发个人站https://subtop.gitee.io/subtoph.github.io/#/home 以上 👆 是个人前端项目,欢迎提出您的建议😊

axios拦截器遇到的坑之post请求_axios content-爱代码爱编程

昨日一个post请求接口问题,让自己搬砖了很久,后来解决问题后才知道那么简单,只能怪自己学艺不精了。。 话不多说,切入正题吧。 问题现象: 一个post请求,传参是一个对象 {key:数组}, { "adverti

echarts饼图与折线图联动点击饼图,折线图随其改变给饼图的图例设置格式化_echarts折线图与饼状图切换-爱代码爱编程

<template> <div class="Mymodule"> <div class="midWrap" id="lines" style="width: 536px; height: 256px"></div> </div> </template> <sc

springboot+vue-爱代码爱编程

1.不允许跨域,解决方法在controller中注解 @CrossOrigin 2.后台接收不到参数,解决方法在request.js中引入qs,并config.data = Qs.stringify(config.data) import axios from 'axios' import { MessageBox, Message } from '

vue-爱代码爱编程

vue动态路由实践 实现思路环境介绍实现过程路由数据(demo) 🧐🧐🧐 vue动态路由(约定路由),听起来好像很玄乎的样子😲 但是你要是理解了实现思路,你会发现,没有想象中的那么难😌 在没有亲自实

element el-爱代码爱编程

bug描述: 输入条件 ‘111’ 后点击搜索,结果一共有24条,共3页,此时是在第一页,代表的是条件 “111” 的1 - 10条。此时重点来了,输入条件 ‘222’ 后,但是未点击搜索,直接点击第3页,此时结果就有问题了

vue项目中$t()的意思_vue this.$t-爱代码爱编程

一般项目vue文件中将会把中文字符的数量拉至最低,这时候需要用一个文件容器来储存他们。 举例: <el-form-item :label="$t('staffManage.modal.userName')" prop="userName" class="is-required" > <el-input v-model