ICode9

精准搜索请尝试: 精确搜索
  • vue 3.2.6:用better-scroll实现上拉加载/下拉刷新/滚动翻页(better-scroll@2.4.2)2021-09-23 16:37:31

    一,better-scroll的地址: 代码地址: https://github.com/ustbhuangyi/better-scroll 在npm的地址: https://www.npmjs.com/package/better-scroll 说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest          对应的源码可以访问

  • 在vue页面监听中如何修改子元素的样式2021-09-23 16:34:44

    项目原先代码: 需要实现的是导航栏在页面下滑到一定位置的时候,对其样式进行修改 父组件system.vue页面 <template> <div> <div id="sysytem"> <!-- 导航栏 --> <head-tabbar ref ="tabbar" class="tabbar"></head-tabbar> <!-- 轮播图 -->

  • Vue单文件引入、webpack的配置及错误处理2021-09-23 16:33:29

     1. 安装vue: cnpm i vue -S 2. 安装vue-loader、vue-template-compiler: cnpm i vue-loader@14.1.1 vue-template-compiler@2.5.17 -D 提示:peerDependencies WARNING vue-loader@14.1.1 requires a peer of css-loader@* but none was installed。按照提示安装css-loader及其依

  • vue中点击显示更多/隐藏2021-09-23 16:02:21

    html   data   数据源:       computed:          

  • vue中自制表单验证中的清空表单验证2021-09-23 15:58:28

             温馨提示:想要自制表单验证的请看上一篇         这次,我们着重讲一讲,表单验证过后怎么清空表单验证 (1)清空表单内容 // 表单数据 const form = reactive({ // 用户名 account: null, // 密码 password: null, // 手机号

  • vue-cli学习-Vuex状态入门2021-09-23 15:36:45

    Vuex 概念 Vuex 用于解决组件与组件之间共享的状态,集中存储管理所有组件状态 创建一个Test.vue实现一个简单的计数器功能 <template> <div class="test"> 私有 : {{count}}<br> <button @click="addCount">私有+</button> </div> </template> <

  • uniapp组件封装2021-09-23 15:34:24

    父子组件通信 类似于列表多个页面都会用到,我们就封装起来     先创建个components文件夹,在文件夹中创建一个vue文件,我这里叫 lists.vue <template> <view class="index_list" > <view class="list" v-for="(item, index) in floorDataList" :key=&qu

  • vue-cli4 配置 webpack 之用 image-webpack-loader图片压缩处理/优化2021-09-23 15:06:31

    vue-cli4已经默认帮我们做了很多优化处理,包括静态资源输出、样式处理、代码分割等等。我们需要自己手动配置的事情更少了,而图片压缩处理就是其中的一件。 很多人直接这样在vue.config.js里面加 image-webpack-loader 配置: chainWebpack: config => { config.module .ru

  • 带你掌握Vue过滤器filters及时间戳转换2021-09-23 15:05:33

    摘要:Vue的filters过滤器是比较常见的一个知识点,下面我将结合时间戳转换的例子带你快速了解filters的用法。 本文分享自华为云社区《三分钟掌握Vue过滤器filters及时间戳转换》,作者:北极光之夜。。 一.速识概念: 大家好呀,Vue的filters过滤器是比较常见的一个知识点,下面我将结合时间戳

  • vue之生命周期2021-09-23 14:34:48

    实例生命周期钩子   每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。        

  • vue-cli2021-09-23 14:33:04

    v-model多在表单中使用,在表单元素上创建双向绑定,根据控件类型选择正确的方法更新元素,可以绑定text、radio、checkbox、selected 下载nodejs:https://nodejs.cn/download/ windows64位的版本 后点击运行安装 检验nodejs安装成功: cmd下输入node -v,查看是否能正确打印版本号

  • Vue生命周期(转载)2021-09-23 14:32:52

    beforeCreate vue中的第一个生命周期,在vue实列被完全创建出来之前会执行。 注意:在beforeCreate生命周期函数执行时,data、methods.中的数据都还没有初始化。 craetd vue的第二个生命周期函数,在created中data、methods 都引进被初始化好了。若要调用methods中的方法或者操作data中的

  • 静态资源下的js文件监听vue页面组件的事件2021-09-23 14:04:29

    需求:在public下写一个js文件,js文件里面可以监听页面组件的事件,在项目整体打包过后直接修改js文件里面的内容,来修改页面。 用的$on方法 环境:vue版本为2.6.10,安装了element ui。 1,public文件下新建config.js config.js里面的内容 let config = { edit(self){ let _this =

  • vue项目融入html5plus2021-09-23 12:05:27

      耗费了不少时间在Cordova、H5+、react、angluar上面,最终还是选择了H5+,原因是因为不需要安装本地SDK。毕竟对于IOS来说它必须是需要一台苹果电脑的。而H5+的云打包解决了这个问题。接着由于在DCloud文档中只给了常规如何使用H5+,未给出Vue下如何弄,所以又耗费不少去Github上找H5

  • vue select 获取value和lable操作2021-09-23 12:01:18

    vue select控件在选择时需要把id和name两个值都获取到,实现方案如下: select控件代码 <FormItem label="物资类型:" prop="supplyType"> <Select v-model="detailData.supplyType" :label-in-value="true" placeholder="请选择物资类型" @on-change=&

  • VUE 源码工具2021-09-23 11:33:20

    1. hasOwn 是否是对象本身拥有的属性 var hasOwnProperty = Object.prototype.hasOwnProperty; function hasOwn (obj, key) { return hasOwnProperty.call(obj, key) } hasOwn({ a: undefined }, 'a') // true hasOwn({}, 'a') // false hasOwn({}, 'hasOwn

  • vue3+ts项目创建2021-09-23 10:32:14

    一,创建项目(这里使用的是vuecli)  二,代码规范 1.集成editorconfig配置  EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格 VSCode需要安装一个插件:EditorConfig for VS Code 2,使用prettier工具  Prettier 是一款强大的代码格式化工具,支

  • vue中router与route区别2021-09-23 09:58:04

    vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息,包含了当前 URL 解析得到的信息。包含当前的路径,参数,query对象等。 1. $route.path 字符串,对应当前路由的路径,总是解析为绝对路径,如"/foo/bar"。 2. $route.p

  • 快速在vue3.0 中创建vue文件(快捷键)2021-09-23 09:30:50

     VScode》文件》首选项》用户片段》vue.json(Vue)  vue.json配置: { "Print to console":{ "prefix": "vuec", "body": [ "<template>", " <div>", " </div>", "&l

  • Vue 路由重定向2021-09-23 09:06:50

    路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面; 通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向: var router = new VueRouter({ routes: [ // 其中,path 表示需要被重定向的原地址,red

  • Vue--Router篇2021-09-23 02:06:25

    1. 什么是前端路由 Hash地址(锚链接#)与组件之间的对应关系 <a href="#a"></a> <div id="a"></div> Hash地址中#往后的部分就是hash地址 http://localhost:8080/#/Home Hash地址中/往后的参数项,叫做路径参数 http://localhost:8080/#/Home location.hash location.href 路由占

  • Vue--组件间的数据共享(传值)2021-09-23 02:05:52

    组件之间的关系 1. 父子关系 1.1 父传子——使用自定义属性 props里的值都不建议去修改 //父组件 <son :msg="message" :user="userinfo"></son> data(){ return{ message:'hello', userinfo:{ name:'张三', age:20 } } } //子组件 <templat

  • vue组件间通信六种方式(完整版)2021-09-22 22:58:51

    组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 都是父子关系,C 和 D 是兄弟关系,A 和 C 是隔代关系(可能隔多代)。 针对不同的使用场景,如何选择行之有

  • 初学菜鸟眼中的VUE2021-09-22 22:03:37

    作为一个新晋菜鸟,我来谈谈我眼中的VUE优化。 无论是做什么项目用什么语言,都是需要优化的,那么今天就来说一说 VUE中需要优化的点。 VUE优化篇 1,组件方面的优化         对第三方组件库按需引入,当我们仅需要一个组件库中的个别组件时,我们可以进行组件的按需导入        对

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

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

ICode9版权所有