vue
半塘潮汐
这个作者很懒,什么都没留下…
展开
-
el-form遍历对象下的数组。验证数据
form 验证原创 2022-08-30 10:53:02 · 831 阅读 · 0 评论 -
for 循环的el-swith 不回显
for 循环的el-swith 不回显原创 2022-08-29 09:42:29 · 382 阅读 · 0 评论 -
el-cascader回显数据
回显原创 2022-08-23 10:45:10 · 652 阅读 · 0 评论 -
vue 引入适量库
vue引入适量库原创 2022-08-10 15:35:36 · 251 阅读 · 0 评论 -
element ui el-select默认值闭坑
当默认值是value:【选项的值,】时,要想渲染的数据是label:【选项的标签,】,需注意,默认值的数据类型必须与option遍历数据的value数据类型一致原创 2022-06-07 15:58:49 · 335 阅读 · 0 评论 -
vue transition-group闭坑
<transition-group name="flip-list" class="details" tag="div" > < li v-for="item in list"> {{item.name}} </li></transition-group>data(){ return { list:[ { id:1, name:"1" },{ .原创 2021-09-14 17:00:41 · 220 阅读 · 0 评论 -
JS实现拖拽效果dragover与dragenter
dragover使用dragover实现的拖拽效果更加直观,拖拽过程就可以显示最终效果<ul> <li class="add-item" v-for="(item,index) in list" :key="index" draggable="true" @dragstart="dragstart(item,index)" @dragover="dragover(item,index)" > {{item原创 2021-09-14 13:51:40 · 4608 阅读 · 0 评论 -
vue 实现滚动加载
data(){ return { page:1, categoryList:[], isLoading:false//防止多次请求 }},mounted(){ this.scroll()}, methods:{ scroll() { window.addEventListener("scroll", ()=>{ // 距离底部200px时加载一次 let bottomOfW原创 2021-08-20 14:45:37 · 565 阅读 · 0 评论 -
vue实现不同页面间锚点跳转
A页面跳转至B页面A页面<p @click="toAim('auchorId')">内容</p>//auchorId是B页面指定位置的id//先将id存放在本地toAim(id){ localStorage.setItem("anchorId", id); this.$router.push({ name: "Home",//跳转页面的name,如果目标位置内容是组件则name是父组件的name });}B页面create原创 2021-07-27 13:56:43 · 1101 阅读 · 0 评论 -
父子通信子组件props接收不到父组件在created中传递的值
原因:在vue中会首先执行data ==》 template模板 ===》在执行生命周期函数,子组件在生命周期还没执行之前就已经传递所以无法实时更新渲染数据解决方法:在子组件上使用v-if确保数据已经生成在传递数据...原创 2021-07-20 09:52:17 · 606 阅读 · 0 评论 -
qs插件使用
请求数据使用axios发送请求发现后端接收不到参数,需要把参数序列化。Vue中提供了qs这个插件。qs.parse()是将URL解析成对象的形式进行数据序列化qs.stringify()将对象 序列化成URL的形式以&进行拼接const Qs = require('qs');let obj= { method: "query_sql_dataset_data", projectId: "85", appToken: "7d22e38e-5717-11e7-907b-a6006ad3d转载 2021-07-16 14:56:11 · 1863 阅读 · 0 评论 -
vue指令----过滤器
vue渐进式JavaScript 框架vue 的挂载点提供的元素只能作为挂载点。不同于 Vue 1.x,所有的挂载元素会被 Vue 生成的 DOM 替换。因此不推荐挂载 root 实例到 或者 上。通过 el 属性 设置挂载点const app = new Vue({ // #app 对应的是页面中的div#app el:'#app'})通过显示调用 $mount() 方法const app = new Vue({ // #app 对应的是页转载 2021-05-19 19:24:03 · 336 阅读 · 0 评论 -
vuex
vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式(可以理解为对数据进行统一的管理)vuex的核心属性一共五个核心属性: state, mutations, getters, actions, modulesvuex的结构const store = new Vuex.Store({ state:{ // 通过管理状态(数据) }, mutations:{ // 进行同步操作;修改state的唯一入口 },原创 2021-04-26 15:42:18 · 144 阅读 · 0 评论 -
vue路由
vueRouter$route 和 $router区别$route 和 $router 不是同一个对象$route: 代表的是当前路由信息对象(当前的路由)$router: 代表的是路由对象(路由的实例化对象)路由的配置引入vue-rotuer.js 文件<script src='vue.js'></script><script src='vue-router.js'></script>创建路由组件模板每个组件必须存在一个唯一的转载 2021-04-27 11:56:03 · 62 阅读 · 0 评论