文章列表
-
- Vue封装一个TodoList的案例与浏览器本地缓存的应用实现
- 本文主要介绍了Vue封装一个TodoList的案例与浏览器本地缓存的应用实现，分享给大家，具体如下：使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲: 前提： 一般我们定义的变量，或者用Vuex保存的数据， 当浏览器进行了一个刷新 那么这个...
- 日期：2022-09-30
- 浏览：42
- 标签： Vue
-
- 详解Vue之事件处理
- 在Vue进行前端开发中，事件监听是必不可少的功能，本文通过简单的小例子，简述v-on的简单用法，仅供学习分享使用，如有不足之处，还请指正。监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。如下所示： <button v-on:click='cou...
- 日期：2023-01-08
- 浏览：179
- 标签： Vue
-
- vue路由结构可设一层方便动态添加路由操作
- 动态添加路由基本功能let routes=[{ path: ’/login’, name: ’login’, component: () => import(’../components/Login.vue’) }]this.$router.addRoutes(routes)涉及多层路由嵌套 ...
- 日期：2022-12-02
- 浏览：225
- 标签： Vue
-
- Vue 解决在element中使用$notify在提示信息中换行问题
- 在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。实现方式如下：通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符'n'，故需要在待展示的信息字符串中加入相应的换行标识符。在$noti...
- 日期：2022-11-01
- 浏览：12
- 标签： Vue
-
- Vue使用echarts可视化组件的方法
- echarts组件官网地址:https://echarts.apache.org/examples/zh/index.html1.找到脚手架项目所在地址，执行cnpm install echarts，安装echarts组件（脚手架的地址就是你vue项目的地址）（E:demovuepro）这是我的项目...
- 日期：2022-09-28
- 浏览：15
- 标签： Vue
-
- Vue实现购物车实例代码两则
- 一、第一种比较简单效果图实现代码：<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-w...
- 日期：2023-01-17
- 浏览：191
- 标签： Vue
-
- vue实现公共方法抽离
- demo：制作一个点击按钮增加或者减少数字现在vue组件内部测试一下功能<template><div class='all'><p>还未抽离</p><button @click='SubNum()'>-</button><...
- 日期：2022-12-20
- 浏览：219
- 标签： Vue
-
- 在Vue 中获取下拉框的文本及选项值操作
- 方法1：<!-- element表单组件 --><el-form:model='ruleForm'label-position='right'ref='ruleForm' // 被ref 标记的status-iconsize='small'inline:rules='rules'...
- 日期：2022-12-07
- 浏览：230
- 标签： Vue
-
- vue中的.$mount('#app')手动挂载操作
- 在Vue构造函数时，需要配置一个el属性，如果没有没有el属性时，可以使用.$mount(’#app’)进行挂载。配置了el属性：new Vue({ el:'#app', router});如果没有配置el属性，可以使用手动挂载$mount('#app')new Vue({ router}).$mo...
- 日期：2022-11-30
- 浏览：185
- 标签： Vue
-
- Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
- 今天我们使用本地缓存localStorage来实现页面刷新了，验证码倒计时还是和刷新时一样，而不是清零，其次我们可以使用localStorage去实现用户信息缓存，记住密码等等关于缓存的功能，在这里就简单演示一下验证码功能。一、功能实现话不多说，直接上代码<template><bu...
- 日期：2022-11-29
- 浏览：249
- 标签： Vue
排行榜
网公网安备