ICode9

精准搜索请尝试: 精确搜索
  • vue项目中扫二维码跳转页面---前端实现过程2021-06-25 15:04:17

    安装引入二维码插件 1、终端输入:npm install @chenfengyuan/vue-qrcode 2、局部引入并注册: 1 <script> 2 // 引入生成二维码插件 3 import VueQrcode from '@chenfengyuan/vue-qrcode' 4 5 export default { 6 components: { VueQrcode }, 7 data() { 8 retur

  • vue-axios使用记录2021-06-25 14:01:11

    问题 本人在Ajax方面纯小白,所以在使用axios时犯了个很简单的错误 我想通过API返回数据后接着执行父组件的一个函数 一开始的代码 <script> import axios from 'axios' export default { data() { return { list: '', length: '', }; },

  • vue input失去光标的事件2021-06-25 11:01:52

    blur方法 失去光标的时候获取到input里面的内容         转载  

  • Failed to reload /src/views/Leave.vueCannot destructure property 'default' of 'undefi2021-06-25 11:00:08

    出现了一个vue错误,一开始以为是路由错了,后来经过排查发现不是,有点坑,记录巨坑,还贼难排查错误 首先怀疑路由错误,打断点,看是否生成路由(因为我这里用 的是动态路由),路由没问题 接着换个名字,放在别的parent路由下,发现还是有错误,清空本.vue,生成简单模板但是还是一样的名字,可以正常显示

  • webpack3和webpack4区别2021-06-25 10:34:56

    1.mode webpack增加了一个mode配置,只有两种值development | production。对不同的环境他会启用不同的配置。 2.CommonsChunkPlugin CommonChunksPlugin已经从webpack4中移除。可使用optimization.splitChunks进行模块划分(提取公用代码)。但是需要注意一个问题,默认配置只会对异步请

  • 第167天学习打卡(项目 谷粒商城9 Vue指令)2021-06-24 22:55:26

    Vue 指令 v-text v-html.html  <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport&

  • vue-cli3.0 修改打包文件目录2021-06-22 16:33:57

    修改js输出目录 module.exports = { configureWebpack: { output : { // 把子应用打包成 umd 库格式 library: `${name}-[name]`, libraryTarget: 'umd', jsonpFunction: `webpackJsonp_${name}`, filen

  • echart-vue-条形图和柱状图的设置2021-06-22 16:05:14

    1:设置柱状图在父容器的位置大小以便更好调整自适应图标的具体显示: 这个canvas绘制是基于容器contanner的大小来的,但事实上很多时候会偏向距离和大小,首先设置contanner   <template> <div> <div id="serverTime" style="width:100%;height:20vh;"></div>

  • vue:axios拦截器2021-06-22 16:02:01

    拦截器分两类:请求拦截器和响应拦截器 一、请求拦截器 在请求发出之前设置一些信息。比如说设置请求头, 在use方法参数即第一个函数的形参中通过config来做信息的配置,配置完之后,必须把config返回,这样才能完成拦截器的功能。第二个函数用于处理错误的信息。 用拦截器的方式配置请求

  • Vue【增加push(),删除splice()】2021-06-22 14:35:03

    1,push ()方法可以将一个新的对象输入到里面去,进行添加,添加的对象是一个数组集合 eg: this.people.push(this.peson)就代表将person的数据添加到people里面 2,splice()方法可以将对象删除 它有两个参数,index参数代表索引,还有一个参数代表要删除的长度 eg:this.people.splice(index,1)

  • vue进入页面每次都调用methods里的方法2021-06-22 14:32:47

    // 监听路由,每次进入页面调用方法,放在method里 mounted(){   this.getPath() }, methods: {   getPath(){     console.log(this.$route.path);     if (this.$route.path == '你要进入的路由') {     this.init() // 初始化的方法     }   } }, watch: {

  • vue,创建router中index.js的正确与错误代码2021-06-22 14:29:41

    我的错误代码 缺了前面的方法 const routes = [ { path: '/', component: Home } }, ] 参考做法:router官网 https://next.router.vuejs.org/guide/#javascript 正确的 const router = createRouter({ history: createWebHashHistory(), // hash模式:create

  • Sortable.js在vue中实现拖拽2021-06-22 13:04:32

    1 npm install sortablejs --save 2 xxx.vue <template> <div> <el-bgwhite> <el-row> <el-form :model="form" ref

  • (二)vue.js vuex store(参考)2021-06-22 12:05:30

    基于前文所述,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 深入了解请链接 vuex文档:https://vuex.vuejs.org/zh/ 安装 cnpm install vuex --save 在项目 src 下新建 request/store.js文件,建立一个简单的 store 状态管理 import Vue from 'vue' import vuex from "vuex"

  • 不要再学 JSP 了,学 SpringBoot + Thymeleaf + Vue吧2021-06-22 11:57:54

      读者小 z 看了我给小安的回信后,也给我发了很长很长一条私信,见到这么认真的读者,我就忍不住报以 120% 的真诚去帮助他。 二哥,你好,看了你给小安的回复后,我也决定来“打扰”你了。 小 z 真的用心了啊,打扰都带上了双引号,这是作者才会用的写作技巧啊,可见他很有写作的潜力,哈哈。再

  • vue-cli2/3打包增加版本号,解决缓存问题2021-06-22 11:35:53

    vue-cli  2.0 在webpack.prod.conf.js代码配置 最顶层 增加 const version = new Date().getTime() cosnt webpackConfig = merge(baseWebpackConfig, { ..., // 此处省略 // 增加output output: { path: config.build.assetsRoot, filename: utils.assetsPath

  • vue elementui table 内按钮跳转页面2021-06-22 10:33:39

      vue : <el-table-column label="操作" v-if="isColumOperate"> <template slot-scope="scope"> <el-button type="text" size="small" @click="edit(scope.row, scope.$index)&quo

  • vue计算属性2021-06-22 09:58:38

        newValue=app.fullName的值   计算属性的缓存   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue-2.5.21/dist/vue.js" type="text/javascript" charset=&qu

  • vue安装node-sass失败2021-06-22 09:33:29

    在安装依赖的时候会出现 node-sass 无法安装的问题 使用了很多方法也不行 最终通过如下命令解决,如果您也遇到这个问题希望可以帮到您 npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

  • vue路由history模式,后端配置2021-06-22 09:30:56

    vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 const router = new VueRo

  • coderwhy老师vue.js b站视频教程笔记——第四部分2021-06-21 22:31:13

    从项目开始 07.(掌握)项目开发-项目创建和github托管 1.项目目录列表有config文件夹是脚手架2,没有的话是脚手架3 2.使用github 2.1 通过拷贝的方式提交代码到github-------------------- 1)github创建项目 2)本地创建项目vue create supermall 3)git clone https://...git 4)本地项

  • 应届渣渣前端的艰难求职之路2021-06-21 22:00:32

    前言 本来不准备发的,可是看着自己写了几个月的面经,不发呢就让他烂在电脑里,发的话呢,又给各位大佬献丑,后来觉得还是可惜,那还是发吧。 大学四年,方向都是不固定,身边大部分人思想放不开,永远想着专业对口, 又放任自己,我显得不合群。大一想创业,大二做了数学建模,大三开始做游戏策划,做

  • VUE数组的变异方法(变更方法)2021-06-21 20:01:17

    文章目录 VUE数组的变异方法(变更方法)一、结论二、使用步骤1.1.数组的变异方法钩子1.2替换数组(返回新数组)1.3动态数组响应式数据 总结 VUE数组的变异方法(变更方法) 在 Vue 中,直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值,你会发现,只有数据改了,但

  • Vue3 Router-基础2021-06-21 19:35:07

    1 安装 npm install vue-router@4   2 基础使用 定义路由 router.js import { createRouter,createWebHashHistory} from 'vue-router' import About from '../components/About.vue' const routes = [ { path: '/about', component: About },

  • Vue源码主体分析2021-06-21 19:34:50

    vue的响应式和react的函数式编程思想是很不同的。 vue最基本的原理是对getter和setter的代理模式。以及观察者模式。 当数据发生变化时,通知观察者。 在初始化的时候,watcher通过触发getter,成为观察者。 vue的生命周期中, 在create阶段,vue创建了实例。 在mount 阶段,vue初始化了响应式

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有