vue - 随笔分类 - WANGHUAN-

vue中表单修改提交前利用watch找出新数据和原来数据之间的改动

摘要：<template> <div> <form @submit.prevent="submitForm"> <input v-model="formData.name" type="text" placeholder="Name"> <input v-model="formData.email" ty 阅读全文

posted @ 2024-04-02 11:07 WANGHUAN- 阅读(561) 评论(0) 推荐(0)

项目开发之vue中如何刷新子组件，重置组件，重新加载子组件

摘要：项目场景：在父组件循环数据列表中，列表中有事件点击打开某个子组件；父组件中要更新子组件的值问题描述在父组件循环数据列表中，点击打开某个子组件，A数据打开子组件后，B数据再打开子组件，此时子组件中会有缓存A数据。原因分析：子组件没有刷新，还是停留在上一个数据缓存解决方案：给组件添加key值原阅读全文

posted @ 2023-12-13 10:25 WANGHUAN- 阅读(834) 评论(0) 推荐(0)

编辑器wangeditor

摘要：https://www.wangeditor.com/ 阅读全文

posted @ 2021-07-14 10:28 WANGHUAN- 阅读(28) 评论(0) 推荐(0)

【上传下载文件】

摘要：上传：//angular <input type="file" (change)="fileChange($event)" placeholder="上传文件"> //vue <input type="file" @change="fileChange" placeholder="上传文件"> fi 阅读全文

posted @ 2021-03-01 15:46 WANGHUAN- 阅读(73) 评论(0) 推荐(0)

【CodeMirror】在线代码编辑器的基础库

摘要：CodeMirror 是一款“Online Source Editor”，基于Javascript，短小精悍，实时在线代码高亮显示，他不是某个富文本编辑器的附属产品，他是许多大名鼎鼎的在线代码编辑器的基础库 1.第一步安装 npm install vue-codemirror --save 2.在m 阅读全文

posted @ 2021-02-26 15:01 WANGHUAN- 阅读(458) 评论(0) 推荐(0)

【根据条件添加属性】vue页面标签根据条件添加属性

摘要：解决办法：当onlyRead为true时添加disabled属性 :disabled="onlyRead true" 阅读全文

posted @ 2020-09-10 11:00 WANGHUAN- 阅读(3027) 评论(0) 推荐(0)

【vue webstorm】WebStorm Vue代码格式错误

摘要：背景 WebStorm 新建vue项目，报格式错误，解决方案1 关闭ESlint 关闭方法：阅读全文

posted @ 2020-06-18 11:28 WANGHUAN- 阅读(867) 评论(0) 推荐(0)

【vue】在vue项目中如何定义全局变量全局函数

摘要：base.js文件，文件位置可以放在跟main.js同一级，方便引用 exports.install = function (Vue, options) { Vue.prototype.text1 = function (){//全局函数1 alert('执行成功1'); }; Vue.protot 阅读全文

posted @ 2019-12-19 14:42 WANGHUAN- 阅读(885) 评论(0) 推荐(0)

【cookie】设置cookie过期时间超时时间，Cookie 设置 expires

摘要：Cookie是什么：简单地说，cookie 就是浏览器储存在用户电脑上的一小段文本文件。cookie 是纯文本格式，不包含任何可执行的代码。一个 Web 页面或服务器告知浏览器按照一定规范来储存这些信息，并在随后的请求中将这些信息发送至服务器，Web 服务器就可以使用这些信息来识别不同的用户。大多阅读全文

posted @ 2019-09-11 16:01 WANGHUAN- 阅读(70488) 评论(1) 推荐(1)

【跨域】什么是跨域

摘要：跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。这里列举一个经典的列子：阅读全文

posted @ 2019-08-26 15:06 WANGHUAN- 阅读(341) 评论(0) 推荐(0)

【vue】基于Vue的Vue-Quill-Editor富文本编辑器

摘要：1.下载Vue-Quill-Editornpm install vue-quill-editor 2.模板引阅读全文

posted @ 2019-03-12 10:03 WANGHUAN- 阅读(1564) 评论(0) 推荐(0)

【vue】vue中v-charts的使用

摘要：官方文档：https://v-charts.js.org/#/ 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友阅读全文

posted @ 2019-03-12 09:25 WANGHUAN- 阅读(9574) 评论(0) 推荐(0)

【vue】vue中引入echarts的两种方式

摘要：1.安装echarts依赖 npm install echarts -S 2.创建图表 a:全局引入 main.js页面 Hello.vue页面 b:按需引入上面全局引入会将所有的echarts图表打包，导致体积过大，所以我觉得最好还是按需引入。阅读全文

posted @ 2019-03-11 15:08 WANGHUAN- 阅读(47501) 评论(1) 推荐(1)

【vue】条件渲染 v-if v-else

摘要：1.Vue 提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 key 属性即可：现在，每次切换时，输入框都将被重新渲染。阅读全文

posted @ 2019-03-04 10:57 WANGHUAN- 阅读(1034) 评论(0) 推荐(0)

【vue】vue的目录结构、项目流程、vue-router

posted @ 2019-02-27 15:38 WANGHUAN- 阅读(305) 评论(0) 推荐(0)

【vue】在vue中引入iview

摘要：1.在vue项目下 npm install iview --save 2.在项目中配置目录：src/main.js　中添加 import iView from 'iview'; // 导入组件库 import 'iview/dist/styles/iview.css'; // 导入样式 Vue.us 阅读全文

posted @ 2019-02-18 17:01 WANGHUAN- 阅读(5387) 评论(0) 推荐(1)

【vue】vue如何创建一个项目

摘要：1.第一步安装node.js 首先去node.js官网去下载，点击下一步安装即可。 2.第二步项目初始化（vue脚手架） npm install vue-cli -g 3.创建一个项目名为test的项目 vue init webpack test 4.安装项目依赖（成功后项目下会有一个node_mo 阅读全文

posted @ 2019-02-18 10:15 WANGHUAN- 阅读(172) 评论(0) 推荐(0)

WANGHUAN-

随笔分类 - vue

公告