
vue
vue2
陌~上花开
好好学习,天天向上。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
tinymce使用api-key 提示域名未配置Please alert the admin to add it to the approved domains to continue using
【代码】tinymce使用api-key 提示域名未配置Please alert the admin to add it to the approved domains to continue useinng。原创 2024-04-09 13:55:04 · 1478 阅读 · 0 评论 -
element 中设置日期选择范围、比如设置动态可选择日期范围最多30天
vue2中和vue3中使用的方法有差异。原创 2023-10-08 10:53:16 · 315 阅读 · 0 评论 -
npm install安装依赖报错、版本依赖冲突的解决方法(转载)
在使用npm安装依赖包时,有时会出现版本不兼容的问题,导致安装失败。Peer dependencies 是指依赖包的作者声明的,这个依赖包必须安装的其他依赖包版本。在npm 5.x版本之前,如果安装依赖包时,依赖包的版本和peer dependencies的版本不匹配,npm会直接报错,阻止安装的进行。但是在npm 5.x版本之后,npm 引入了“自动安装peer dependencies”的功能,即npm会自动检测依赖包的peer dependencies,并且自动安装。转载 2023-12-06 15:00:26 · 7807 阅读 · 0 评论 -
el-cascader级联选择器加载远程数据、默认开始加载固定条、可以根据搜索加载远程数据。
一组数组分页请求、默认请求20条数据。想添加远程搜索并调取接口。不能监听到用户清空数据的时候。这样搜索还是原来的数据。绑定的值是无法检测到用户自己输入的。目前自己想到的是这个解决办法。下面是个模拟的加载用户列表的。的时候重新加载下)。原创 2023-07-31 17:28:06 · 2709 阅读 · 0 评论 -
vue中scroll监听页面滚动、移除监听。
【代码】vue中监听滚动对应方法和清除监听滚动。原创 2023-07-12 14:41:22 · 1386 阅读 · 0 评论 -
echarts中彻底清除所有实例和相关数据
销毁实例,销毁后实例无法再被使用。原创 2023-06-05 11:38:42 · 1373 阅读 · 0 评论 -
scrollIntoView的基本定义、以及Vue3、vue2中使用: 点击导航滚动到对应区域。
MDN 关于scorllIntoView的介绍Element接口的方法会滚动元素的父容器,使被调用的元素对用户可见。原创 2023-05-15 17:58:54 · 9810 阅读 · 1 评论 -
日历选择:周一到周日固定、选择当前周、上一周、下一周的日期。
其中日期是分为、、三段时间戳来计算的。周一到周日的时间戳、我是根据第一天的时间戳来往后推的。每次点击上周下周时候重新计算下当前年月。原创 2022-12-07 12:43:52 · 1087 阅读 · 0 评论 -
ant-design中取消tab激活时候的下划线、以及修改tab激活时候下划线颜色
git上看到的记载下写在当前vue文件样式中不添加scoped属性才会生效。最好还是新建一个global.less中修改组件默认样式,然后在main.js中引入一下。一般在要修改的组件上添加个类名比如user,这样只修改当前组件。当前文件<style>.ant-tabs-ink-bar { visibility: hidden;}</style>global.less// 添加个类名 隐藏掉激活时候下划线.user{ .ant-ta原创 2021-12-09 14:01:48 · 7752 阅读 · 9 评论 -
vue项目中强制删除node_modules命令
npm install -g rimrafrimraf node_modules转载 2021-10-06 17:19:10 · 1068 阅读 · 0 评论 -
vue2和vue3中echarts主题的引入
echarts官网主题自定义配置配置好自己的主题后,下载主题,可以下载js和json格式的。比如下载js文件,新建一个theme.js文件,保存刚才下载的主题配置。引入theme.js: <script src="theme.js"></script>在echarts.init第二个参数写入themevar myChart = echarts.init(document.getElementById('container'), 'theme');在Vu原创 2021-07-07 16:03:59 · 2135 阅读 · 1 评论 -
vue3中的provide和inject使用、以及设置inject默认值
新建一个filter.js类似下方:// 项目中的所有过滤器export const dateFormat=(str)=>{ const date=new Date(str) const y=date.getFullYear() const m=date.getMonth()+1 const d=date.getDate() const hh=date.getHours() const mm=date.getMinutes() cons原创 2021-08-30 13:38:16 · 848 阅读 · 0 评论 -
sass-loader高版本报错this.getOption()……
看视频学习记录……学习啊VuexAPI介绍官网Vue Cli 配置参考官网安装ant-design,ant design官网npm i --save ant-design-vue@next引入:在main.ts中import Antd from 'ant-design-vue';import 'ant-design-vue/dist/antd.css';Sass-loader高版本报错,解决办法安装低版本的sass-loader。sass-loader对应的版本号 c原创 2021-04-23 09:33:36 · 904 阅读 · 0 评论 -
uniapp中多个页面传递参数到一个页面内
线了写原创 2021-07-28 16:53:34 · 2143 阅读 · 0 评论 -
Vue中打开和关闭弹窗时父子组件传值
每次写父组件到子组件双向数据绑定都会忘,赶紧记下来……单项数据流Vue.js介绍父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出警告。可以使用浅拷贝,不用影响父组件状态,json.stringfy json.parse注意在原创 2021-06-09 10:48:06 · 5415 阅读 · 4 评论 -
ant-design of vue中menu组件渲染报错
can't read property isRootMenu of undefined单文件递归菜单官网介绍使用单文件方式递归生成菜单。Before v2.0, 因组件内部会动态更改a-sub-menu的属性,如果拆分成单文件,无法将属性挂载到a-sub-menu上,你需要自行声明属性并挂载。为了方便,避免属性的声明,我们推荐使用函数式组件。才知道什么叫函数式组件Vue.js介绍……demo:父组件:<template> <a-menu :default-sel原创 2021-05-24 16:59:49 · 1801 阅读 · 0 评论 -
ant-design-vue修改input和checkbox的组件样式
修改登录页面的文字是在修改登录页面的底部标题原创 2021-05-10 11:55:02 · 4710 阅读 · 0 评论 -
uniapp中订单状态的思想记录
记录思想啊……order.vue<template> <view> <!-- 订单导航 --> <order-nav :tabNavBars="tabNavBars" navColor="#58c7d1" @changeAct="changeOrderNavAct"></order-nav> <!-- 订单下无内容的提示 也可以封装成组件 --> <view class="no-order">原创 2021-02-24 15:50:47 · 1328 阅读 · 0 评论 -
vscode中使用插件快速补全element ui标签、ant design标签。
终于找到了这个,好用啊,比如想输入element ui中的表单来着,输入elfor自动联想了,虽然代码敲的不好,但是它输入的快啊。原创 2021-01-20 13:30:41 · 10592 阅读 · 8 评论 -
element-ui中select选择框渲染文字内容但是获取的是列表的id
label表示的是列表渲染的内容,value是change中绑定的值。 <el-select v-model="value" placeholder="请选择" @change="selectChange"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.id"> </el-opti原创 2020-12-29 17:11:23 · 1853 阅读 · 0 评论 -
Vue中computed和watch的区别(转载)
computed支持缓存,只有依赖数据发生改变,才会重新进行计算不支持异步,当computed内有异步操作时无效,无法监听数据的变化computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed如果computed属性属性值是函数,那么默认会走get方法;函数的返回值就是属性的属性值;在compute转载 2020-12-03 19:43:21 · 178 阅读 · 0 评论 -
vscode中配置用户代码片段(Vue自动补全代码片段)
记录下省得忘了Ctrl+shift+P 选择配置用户代码片段选择新建全局代码片段输入文件名列如:vue.json ——————》enter键自动保存复制代码保存即可 "Print to console": { "prefix": "vuec", "body": [ "<template>", " <div class=\"\">\n", "new page原创 2020-11-25 17:02:30 · 1615 阅读 · 1 评论 -
Vant中地址组件的使用
1、引入vantimport Vue from ‘vue’;import { Area } from ‘vant’;Vue.use(Area);2、 主要代码<van-area title="标题" :area-list="areaList" />// 引入areaList对应的js文件import areaList from "@/assets/arealist/index.js"export default { data(){ return{.原创 2020-10-19 20:19:26 · 1913 阅读 · 0 评论 -
Vue中全选和反选操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { .原创 2021-04-28 15:43:34 · 1664 阅读 · 1 评论