vue
你的美,让我痴迷
可能性无处不在,只要努力去寻找它们,并且勇敢地去尝试,就会让我们变得更加出色。
展开
-
vue3@vueuse/core实现懒加载功能
/ 封装一个通用的方法实现数据的懒加载。1,安装@vueuse/core。原创 2023-04-30 00:47:46 · 765 阅读 · 0 评论 -
vue3组件之间的传值
【代码】vue3组件之间的传值。原创 2023-04-29 22:55:34 · 63 阅读 · 0 评论 -
Vue自定义拖动指令v-drag
【代码】Vue自定义拖动指令v-drag。原创 2023-04-23 22:52:42 · 275 阅读 · 0 评论 -
element UI表格中设置文字提示(tooltip)或弹出框(popover)
文档中有两种写法:1、使用 slot=“reference” 的具名插槽,2、使用自定义指令v-popover指向 Popover 的索引ref。也就是说content属性是一行,而且不支持自定义,可以使用具名slot来给文字提示设置内容。用具名 slot 分发content,替代tooltip中的content属性。在表格中自定义内容的时候需要使用标签,否则无法正常显示。这里使用的第一种,ref我太清楚所以没用。原创 2023-04-12 18:47:10 · 5768 阅读 · 11 评论 -
Vue 弹窗黑色遮罩 class v-modal
对内层弹窗设置 append-to-body 默认值为 false;写了就表示true;如需要自己决定 :append-to-body=“appendToBody”Vue 多层弹窗黑色遮罩 class v-modal。v-modal 不要看成 v-model 哦!很明显 你是在弹窗中打开弹窗了。//element 官网示例。原创 2023-04-12 10:43:28 · 184 阅读 · 0 评论 -
vue路由返回上一级
this.$router.go(-1)this.$router.back()原创 2023-04-10 15:43:32 · 73 阅读 · 0 评论 -
JS监听滚动id自动定位滚动
【代码】JS监听滚动id自动定位滚动。原创 2023-03-20 18:16:35 · 98 阅读 · 0 评论 -
防止父级滚动@scroll
【代码】防止父级滚动@scroll。原创 2023-03-04 11:11:10 · 97 阅读 · 0 评论 -
el-table刷新页面
【代码】el-table刷新页面。原创 2023-03-03 10:20:22 · 110 阅读 · 0 评论 -
金额数目千分位显示
【代码】金额数目千分位显示。原创 2023-03-01 18:44:24 · 129 阅读 · 0 评论 -
Vue子组件关闭后调用刷新父组件方法
子组件 this.$emit(‘update’, newVal)子组件 this.$parent.getList()父组件 @update=“update(val)”原创 2023-02-24 16:24:22 · 190 阅读 · 0 评论 -
es6两个数组取相同值
【代码】es6两个数组取相同值。原创 2023-02-24 15:50:57 · 71 阅读 · 0 评论 -
VUE NPM 安装依赖报错NPM ERR ERESOLVE UNABLE TO RESOLVE DEPENDENCY TREE
具体问题如下:npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!问题分析:npm 版本太高了。原创 2023-02-15 09:36:28 · 976 阅读 · 0 评论 -
超级简单复制功能
【代码】超级简单复制功能。原创 2023-02-13 17:19:08 · 98 阅读 · 0 评论 -
报错基本上都是因为this指向问题,基本上就是 function 和 () => 之间的问题,进行这俩的替换基本上都可以解决。我碰到了此问题,因为this指向了方法,而不是vue,报错代码:
【代码】报错基本上都是因为this指向问题,基本上就是 function 和 () => 之间的问题,进行这俩的替换基本上都可以解决。原创 2023-02-13 12:31:51 · 104 阅读 · 0 评论 -
ElementUI表格合计项固定列 滚动条不可滑动
【代码】ElementUI表格合计项固定列 滚动条不可滑动。原创 2023-02-11 18:40:56 · 457 阅读 · 0 评论 -
vue npm 安装依赖报错解决
vue npm 安装依赖报错解决。原创 2023-02-10 15:17:54 · 132 阅读 · 0 评论 -
封装websocket vue
createWebSocket用于创建连接、对收到的数据进行处理。封装的websocke暴露三个接口。closeSock 用于关闭连接。sendSock用于发送数据。原创 2023-02-10 11:15:06 · 253 阅读 · 0 评论 -
These dependencies were not found: * core-js/modules/es.array.push.js in ./node_modules/@babel/runti
出现这个问题的原因:因为vue-admin-template的package.json里没写这个包core-js,然后再咱们yarn装包的时候就没装这个包,所以运行时就会报错。安装core-js包;原创 2023-02-10 10:06:36 · 1072 阅读 · 0 评论 -
vue 中复制到剪贴板功能 v-clipboard
【代码】vue 中复制到剪贴板功能 v-clipboard。原创 2023-02-08 18:23:02 · 132 阅读 · 0 评论 -
Eslint报错: Component name “login“ should always be multi-word vue/multi-word-component-names
vue.config.js 文件中加一行。2.关闭eslint检测。原创 2022-12-30 11:51:10 · 2285 阅读 · 1 评论 -
vscode写vue没有樣式提示怎么解决
1.点击下图所示的扩展2.搜索栏输入vetur原创 2022-11-05 01:26:53 · 758 阅读 · 0 评论 -
设置vue跨域问题
【代码】设置vue跨域问题。原创 2022-10-22 11:09:00 · 239 阅读 · 0 评论 -
Error: .plugins[0][1] must be an object, false, or undefined
【代码】Error: .plugins[0][1] must be an object, false, or undefined。原创 2022-09-12 14:05:49 · 547 阅读 · 0 评论 -
The project seems to require yarn but it‘s not installed.
安装yarn原创 2022-08-10 16:12:19 · 279 阅读 · 0 评论 -
vue3常用生命周期
vue3常用生命周期原创 2022-07-22 15:57:22 · 350 阅读 · 0 评论 -
Vue3 watch 侦听 props 的变化
vue3props监听原创 2022-07-20 11:17:12 · 2005 阅读 · 0 评论 -
vue计算监听事件的高级设计
computed: {//复合肥钾含量 'compoundFertilizer2.potassiumTotal':{ get(val){ if(!Number(val.compoundFertilizer2.potassiumTotal)){ return parseFloat(val.compoundFertilizer2.potassiumTotal); }else{ if(val.compoundFertilizer2.p原创 2022-05-28 11:49:48 · 79 阅读 · 0 评论 -
vue控制输入只能是数字
//监听计算属性 computed:{ 'data.growingPeriod':{ get(val){ if(!Number(val.data.growingPeriod)){ return parseFloat(val.data.growingPeriod); } } } },原创 2022-05-20 17:11:54 · 160 阅读 · 0 评论 -
实现一个面包屑的路由选项
<div class="breadcrumb"> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item v-for="(item,index) in this.$ro原创 2022-04-30 17:55:17 · 269 阅读 · 0 评论 -
封装axios
import axios from 'axios'axios.defaults.baseURL = "http://127.0.0.1:3000";axios.defaults.timeout=6000;//请求拦截axios.interceptors.request.use(req=>{ console.log(req,"请求拦截"); return req;})//响应拦截axios.interceptors.response.use(res=>{ console.log原创 2022-04-28 13:34:41 · 363 阅读 · 0 评论 -
vue3注册属性
import { createApp } from 'vue'import App from './App.vue'import apis from "./apis"const app =createApp(App);//vue3注册属性app.config.globalProperties.$apis = apis;app.mount('#app')原创 2022-04-27 11:12:11 · 230 阅读 · 0 评论 -
如何关闭ESlint提示?
1、第一步:创建vue.config.js文件夹module.exports = { lintOnSave:false }原创 2022-04-26 15:42:45 · 787 阅读 · 0 评论 -
vuex的完整使用
import Vue from "vue"import Vuex from "vuex"Vue.use(Vuex);const state = { count: 1}const mutations = { add(state, n) { console.log("进去没add"); state.count += n; }, reduce(state) { console.log("进去没reduce"); state.count -= 1; }}co原创 2022-04-22 10:50:00 · 169 阅读 · 0 评论 -
怎样在vue中使用jquery
在vue中使用jquery的方法:首先通过cnpm命令安装jQuery依赖;然后修改“webpack.base.conf”文件配置;最后在组件中引入jquery进行使用即可。一、安装jQuery依赖在使用jQuery之前,我们首先要通过以下命令来安装jQuery依赖:npm install jquery --save //如果你更换了淘宝镜像,可以使用cnpm来安装,速度更快cnpm install jquery --save二、修改配置文件完成安装jQuery依赖之后,我们要修改 w原创 2022-04-15 10:52:00 · 22135 阅读 · 0 评论 -
vue2.0,3.0官网
https://cn.vuejs.org/原创 2022-04-12 21:24:15 · 15308 阅读 · 0 评论 -
事件修饰符
除了.stop之外,Vue v-on还提供了其它事件修饰符.once只响应事件一次,例如@click.once=“fun4”,表示仅第一次点击才会执行fun4这里, @event等同于v-on:event,vue事件绑定的两种格式。.self仅当事件由元素自身(比如不是子元素)触发时,才响应事件。例如,上述实验1的基础上,修改@click="fun3"为@click.self=“fun3”,那么,点击div4所在div时,div3所在div不会回调fun3,即不会响应点击事件.prevent.原创 2022-03-25 18:29:04 · 1231 阅读 · 0 评论 -
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
问题利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错:问题所在和解决:vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 3.x 只能结合 vue2 进行使用~(网上查的说法,我翻了下router官方文档没找到这样的解决也很简单:**卸载4版本的router,@指定版本装3.x的vue-router即可,我按自己的习惯安装3.5.2的vue-router亲测可用~**命令原创 2022-02-20 03:10:15 · 4456 阅读 · 5 评论 -
安装vue脚手架
安装nodejs下载地址:http://nodejs.cn/download/测试nodejs 是否安装 ----在cmd中输入node -v测试npm是否自动安装npm -v配置下载源—全局安装nrmnpm install nrm -g使用taobao镜像源nrm ls 查看镜像源nrm use taobao全局安装脚手架npm i @vue/cli -g测试安装是否成功vue -V创建VUE项目vue create 项目名项目配置选择预设Please pick a原创 2022-02-16 15:38:53 · 542 阅读 · 0 评论 -
vue指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>指令</title> <style> [v-cloak]{ display: none; } </style> <script src="../tool/vue.js">&l原创 2022-02-15 23:53:58 · 206 阅读 · 0 评论