随笔分类 -  Vue

摘要:<template> <div class="main"> <div class="item" v-for="item in dataList" :key="item" draggable="true" @dragstart="dragstart(item)" @dragenter="dragent 阅读全文
posted @ 2022-03-04 15:12 伴月阁 阅读(2974) 评论(0) 推荐(1)
摘要:错误原因是因为一个template中有两个或多个一样的v-for 解决方法就是将其他key值修改一下。 阅读全文
posted @ 2020-06-03 10:04 伴月阁 阅读(783) 评论(0) 推荐(0)
摘要:Vue 要实现异步加载需要使用到 vue-resource 库。Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。 首先。安装及配置 npm install vue-resource --save 然后在入口文件 main.js中引入 import VueResource fr 阅读全文
posted @ 2020-05-20 11:21 伴月阁 阅读(608) 评论(0) 推荐(0)
摘要:axios作用:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 首先。安装及配置 使用npm安装 npm install axios 使用 yarn 安装 yarn add axios 然后在入口文件 main.js中引入 import axios 阅读全文
posted @ 2020-05-19 19:50 伴月阁 阅读(7176) 评论(0) 推荐(0)
摘要:VUE组件中 data 里面的数据为什么要return 出来 请先看下面示例 这又是为什么呢?因为在JS 中只有函数才存在作用域,data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响!! 阅读全文
posted @ 2019-04-17 13:57 伴月阁 阅读(4305) 评论(0) 推荐(1)
摘要:首先HTML,注意这里修改 bind绑定src 属性是不能生效的 我使用的是用JS 获取DOM节点,然后给DOM的Src属性赋值 修改src路径代码 阅读全文
posted @ 2019-04-15 17:13 伴月阁 阅读(17238) 评论(3) 推荐(1)
摘要:代码如下 无css 阅读全文
posted @ 2018-11-05 22:02 伴月阁 阅读(1990) 评论(0) 推荐(0)
摘要:v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 其实原理很简单 阅读全文
posted @ 2018-10-30 18:52 伴月阁 阅读(3908) 评论(0) 推荐(0)
摘要:首先是CSS 然后是HTML 最后是VUE 阅读全文
posted @ 2018-07-21 00:36 伴月阁 阅读(18722) 评论(0) 推荐(0)