随笔分类 -  Vue

vue 拖拽
摘要：1、左右容器拖拽 2、容器内位置拖拽切换 3、判断性拖拽（若不适配，鼠标显示禁止拖拽图标） 4、点击大标题，变输入框修改，最后提交表单 <template> <div> <div class="left_list"> <div class="_flex"> <transition-group tag 阅读全文
posted @ 2022-05-30 15:54 小旺同学 阅读(415) 评论(0) 推荐(0)
css 散点圆
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></scrip 阅读全文
posted @ 2022-05-25 17:42 小旺同学 阅读(128) 评论(0) 推荐(0)
VUEX报错 [vuex] Do not mutate vuex store state outside mutation handlers
摘要：VUEX报错 [vuex] Do not mutate vuex store state outside mutation handlers 1 数组 错误的写法：let listData= state.playList; // 数组深拷贝,VUEX就报错 正确的写法：let listDate= s 阅读全文
posted @ 2021-08-31 13:43 小旺同学 阅读(499) 评论(0) 推荐(0)
从git上 clone下来的项目运行
摘要：从git上 clone下来的项目运行 1、克隆项目：gitclone XXXXX.git（可以在终端运用git命令行下载，也可以直接在webStorm中下载） 2、安装node.js（电脑上已经安装成功，此步骤可省略） 3、安装依赖：进入到项目文件夹内，npm install（由于git上只会存在p 阅读全文
posted @ 2020-05-09 10:17 小旺同学 阅读(6507) 评论(0) 推荐(0)
Vue 动态表格+插入自定义表头
摘要：Vue 动态表格+插入自定义表头 <!-- 表格 --> <el-table :data="templateData" style="width: 100%;" stripe ref="templateTable" :empty-text="$t('basic.noData')" @filter-c 阅读全文
posted @ 2020-05-07 17:59 小旺同学 阅读(4490) 评论(3) 推荐(0)
Vue 钩子函数
摘要：Vue 钩子函数 Vue.component('Test', { props: { name: String }, template: `<div class="test">{{ name }}</div>`, beforeCreate() { console.log('Test beforeCre 阅读全文
posted @ 2020-05-07 17:58 小旺同学 阅读(342) 评论(0) 推荐(0)
结束axios的请求
摘要：结束axios的请求 import axios from 'axios' let axiosSource = axios.CancelToken.source()// 发送请求 axios.get(url, { cancelToken: axiosSource.token }) axios.post 阅读全文
posted @ 2020-05-07 17:53 小旺同学 阅读(1160) 评论(0) 推荐(0)
Vue router link
摘要：html： js： 阅读全文
posted @ 2019-10-09 09:55 小旺同学 阅读(302) 评论(0) 推荐(0)
Vue 自定义组件
摘要：html： js： 自定义组件，click事件不起作用，得用 @click.native 阅读全文
posted @ 2019-10-08 13:29 小旺同学 阅读(336) 评论(0) 推荐(0)
Vue $nextTick
摘要：常用的场景是在进行获取数据后，需要对新视图进行下一步操作或者其他操作时，发现获取不到dom。因为赋值操作只完成了数据模型的改变并没有完成视图更新 这就是一个this.$nextTick的实现，其中利用了优雅降序的巧妙手法，使代码尽可能优化 阅读全文
posted @ 2019-10-08 09:29 小旺同学 阅读(174) 评论(0) 推荐(0)
elementUI .native修饰符
摘要：用第三方组件或者UI框架会自带自身封装的事件，如keyup等，会覆盖原生的组件而无法起效果 .native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的 阅读全文
posted @ 2019-09-29 15:29 小旺同学 阅读(1665) 评论(2) 推荐(1)
vue 构建项目遇到的请求本地json问题
摘要：在本地测试的json没有问题，但是打包后，发现json 的路径不对了，变成了绝对路径 解决方法： 建立的json文件需要放置 根目录/static下。如项目名/static/data.json，这边打包后就不会报路径问题了。（请用起服务的方法来打开打包后的index.html，如anywhere来打 阅读全文
posted @ 2019-04-07 20:23 小旺同学 阅读(1735) 评论(0) 推荐(0)
vue 构建项目 文件引入
摘要：1、vue引用依赖文件。 举例：axios 先安装 axios。如果直接安装 vue-axios 会报错 配置模板： 使用： 还有一种跟平时引用的使用方法： 有些css文件等文件需要本地引用（如base.css），那么怎么办呢。直接引用： css: js:单页面引用： vue 构建项目vue-cli 阅读全文
posted @ 2019-04-07 20:15 小旺同学 阅读(1183) 评论(0) 推荐(0)
vue 构建项目遇到的问题
摘要：1、我在打包完成后，打开index.html文件发现地址并没有携带路由。 config下的 index.js 中的build命令的配置有一个属性叫assetsPublicPath，它的值为‘/’。意思是根目录，这时会从index.html所在的硬盘的根目录下开始查找，自然无法找到。 解决办法： 改为 阅读全文
posted @ 2019-04-07 20:00 小旺同学 阅读(654) 评论(0) 推荐(0)
vue 构建项目vue-cli
摘要：1、首先得有node和npm的环境，node的下载：http://nodejs.org/download/。安装node之后，npm也自动生成了，显示版本号就意味着安装成功 2、接下来就是安装vue-cli脚手架，执行以下命令： 在浏览器执行 http://localhost:8080，出现以下截图 阅读全文
posted @ 2019-04-06 12:07 小旺同学 阅读(643) 评论(0) 推荐(0)
Vue之axios请求数据
摘要：引入文件 代码块： 1、get请求： 2、post请求： 3、过个并发请求： 阅读全文
posted @ 2019-03-14 10:49 小旺同学 阅读(13795) 评论(0) 推荐(0)
Vue之resource请求数据
摘要：导入resource文件 代码块： 1、get请求 2、post请求：post 发送数据到后端，需要第三个参数 {emulateJSON:true}。emulateJSON 的作用： 如果Web服务器无法处理编码为 application/json 的请求，你可以启用 emulateJSON 选项。 阅读全文
posted @ 2019-03-14 10:27 小旺同学 阅读(831) 评论(0) 推荐(0)
Vue的href动态拼接绑定
摘要：注意的是： 加上了冒号是为了动态绑定数据，等号后面可以写变量。如果不使用冒号，等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了 阅读全文
posted @ 2019-03-04 15:56 小旺同学 阅读(21776) 评论(0) 推荐(0)