web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

vuejs

VueJs简单介绍每个周期具体适合哪些场景?
VueJs简单介绍每个周期具体适合哪些场景?

生命周期钩子的一些使用方法: beforecreate : 可以在这加个loading事件,在加载实例时触发 created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用 mounted : 挂载元

axios响应拦截器即异常处理

//响应拦截器即异常处理 axios.interceptors.response.use(response => {     //请求成功     if (response.data.code

axios
Vue设置全局变量,所有页面都可以调用和修改

1、定义一个变量variables.js export default {     hospitalCode: '',     navTitle: '',  

全局
vuejs实现多条文字无缝上下滚动

1、template代码 <div class="marquee-wrap">     <ul class="marquee-list" :class=

axios.defaults.baseURL如何实现一个页面调用多个bas

1、默认axios不变 axios.defaults.baseURL = 'http://www.ipkd.cn'; //填写域名 2、创建一个新的变量代替axios const loginApi = axios.creat

axios
npm安装报错:提示源文本中存在无法识别的标记
npm安装报错:提示源文本中存在无法识别的标记

最近想用京东NutUI做一个项目,调用了npm语句: npm i @nutui/nutui -S 和YARN语句: yarn add @nutui/nutui 发现都报错,提示如下图: 解决方法: 在包名外面加一对双引号(单引号也可以)如下

文本
vue获取今天、本周、本月、全年的区间时间

1、JS代码如下: export default { //获取今天、昨天、明天 getDate(dates) { var dd = new Date(); var n = dates || 0; dd.setDate(dd.getDate(

vuejs中使用vue-visibility-change全局(局部)监听浏览器

//vuejs中使用vue-visibility-change全局(局部)监听浏览器页面之间的切换 1、下载vue-visibility-change npm i vue-visibility-change -S 2、在main.js导入:

全局浏览器监听
vuejs封装60秒倒计时

html代码就不写了,直接上script中的代码 export default { data() { return { countdown:"", timer: null, } }, methods: { getMobi

封装
el-table多选框(type="selection")改为单选框的

1、template代码 <el-table ref="table" :data="tableData" @selection-change="handleSelectionChang

el-tableselection单选
在vuejs中引入滴滴移动端组件(Mand Mobile)

//在vuejs中引入滴滴移动端组件(Mand Mobile) 1、安装脚手架# npm install mand-mobile –save # OR  yarn add mand-mobile 2、main.js全局引入 im

移动端组件
vuejs中使用vue-visibility-change全局(局部)监听浏览器

//vuejs中使用vue-visibility-change全局(局部)监听浏览器页面之间的切换 1、下载vue-visibility-change npm i vue-visibility-change -S 2、在main.js导入:

全局浏览器监听
vuejs $axios读出400错误信息catch

//vuejs $axios读出400错误信息catch const that = this;   this.$axios({     method: "post",  

axios
el-table(Sortable)简单实现拖动排序(亲测有效)

el-table(Sortable)简单实现拖动排序(亲测有效) 1、template组件,这里需要注意2点,ref="dragTable"和row-key="id" <template>

el-tablequeryselectorAllsort排序
Vuejs中关于methods、computed、watch,mounted有什么不同
Vuejs中关于methods、computed、watch,mounted有什么不同

Vuejs中关于methods、computed、watch,mounted有什么不同之处 1、computed是在HTML DOM加载后马上执行的,如赋值; 2、methods则必须要有一定的触发条件才能执行,如点击事件; 3、watch

vue在js中封装Axios(请求拦截器,响应拦截器)完整代码

import axios from 'axios' import qs from 'qs'; import {   MessageBox,   Message } from 'el

axios封装
vue主页点击按钮如何调用子组件方法

<el-button type="primary" @click="openBtn">点击调用</el-button> //添加ref <Report

子组件
element-ui Notification通知 添加按钮点击事件

const notify = that.$notify({     title: '标题',     dangerouslyUseHTMLString: true,

element-ui
vuejs移动端如何把100px转成1rem(pxtorem)

vuejs移动端如何把100px转成1rem(pxtorem) 安装pxtorem脚手架 npm install postcss-pxtorem -D # OR  yarn add i postcss-pxtorem -D //找

移动端
“浙里办“项目之浅谈单点登录、二次回退及埋

大家可以看一看语雀《“浙里办”h5微应用接入流程》这篇文档,链接:https://odynww.yuque.com/docs/share/525e3e8a-ad52-421b-90da-2d76808e3050#0T

二次回退埋点浙里办