lyx9611的博客

elementUI el-table内容自动滚动方案（二）vue-seamless-scroll

定时器实现el-table的内容滚动

【代码】vue 内容滚动方案。

echarts与百度地图结合使用：散点图动画

安装npm i axios说明一下：这里为啥没有写--save-dev或--save，看到这两个顾名思义，有dev的是开发阶段需要的依赖，然而该命令会默认的直接下载成必须的依赖，也就是--save，下载后，会在package.json的dependencies对象下，我下载的版本是^0.24.0，暂时先不用管这个版本号了，我只是想记录下我在现在用的是哪个版本了封装如下[亲测有效]utils/http.js//utils/http.jsimport axios from 'axios' //

chainWebpack与configureWebpack的区别？1、先说第一个问题，chainWebpack 和 configureWebpack 的区别。 chainWebpack 的底层是 webpack-chain，命令式 Webpack 配置的事实标准，提供了一套灵活的上层 API 进行 Webpack 配置而无需过分关注 Webpack Config 的规范细节。configureWebpack 的底层是 webpack-merge，能让你通过编写一个配置子集快速合并到最终的完整配置中。 那

uni-app的webscoket的使用store —》index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import Configuration from '@/config.js';const store = new Vuex.Store({ state: { socketTask: null, timeoutObj: null, reconnectCount: 0, //web

1const BASE_URL = '';export const myRequest = (options) => { return new Promise((resolve, reject) => { uni.request({ url: BASE_URL + options.url, method: options.method || 'GET', data: options.data || {}, success: (res) => { i

vuex的基本知识讲解store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({ state: { lists: [{ id: 1, name: '你好，Vuex', money: 122 }] }, getters: { lists2: (state) => { var numArr = state.

store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({ state:{ lists:[{id:1,name:'你好，Vuex',money:122}] },})main.jsimport Vue from 'vue'import App from './App.vue'import {store} from './store/st

函数参数的解构赋值{}解构赋值的目的在于，后续调用传入参数（它是一个对象）的一些属性时，能省去前缀，尤其当属性比较多的时候不使用{}：import store from './store/store.js'，就会报错未定义使用：import {store} from './store/store.js'参考链接...

slot在使用时：<slot name="slotName"></slot>在组件中定义时：<template v-slot:slotName></template>v-slot 只能添加在 <template> 上 (只有一种例外情况)，这一点和已经废弃的 slot attribute 不同具名插槽子组件：<div class="container"> <header> <slot name.

例子可以参考：v-model的写法事件可以与.sync修饰符配合使用在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件都没有明显的变更来源。这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子，在一个包含 title prop 的假设的组件中，我们可以用以下方法表达对其赋新值的意图：.sync修饰符...

v-mdoel是<input v-bind:value="something" v-on:input="something =$event.target.value">的语法糖。默认情况下，一个组件的 v-model 会使用 value 属性和 input 事件，但是诸如单选框、复选框之类的输入类型可能把 value 属性用作了别的目的。model 选项可以回避这样的冲突：————————————————原文链接：参考...

Vuex最简单的store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);const store = new Vuex.Store({ state:{ count:3 }, mutations:{ increment(state){ state.count++; } }})store.commit('increment');console.log(store.state.count);/

父子之间通信非父子之间通信vue中的6种通信方式

ps：昨天写了父子之间的通信，忘记了可以去看以下小例子哟要点兄弟1：通过鼠标点击事件传值：vm.emit(′事件名′,value)兄弟2：接受值：注意在mounted()中执行：vm.emit('事件名',value)兄弟2：接受值： 注意在mounted()中执行：vm.emit(′事件名′,value)兄弟2：接受值：注意在mounted()中执行：vm.on(‘事件名’,callback)vm是兄弟1和兄弟2的公共部分，可以是main.js,也可以自定义一个，要点代码是：export var

vue解析DOM模板的方式的三种方式1、字符串 (例如：template: ‘…’)，即模板字符串。注意，模板字符串在ie浏览器中不兼容，不可使用。需要使用”折行转义符“，在本博主：prop、prop的验证和prop的注意事项中有一个截图2、单文件.vue文件，我比较推荐使用这个3、<script type="text/x-template">关于方式3的讲解如下：<script type="text/x-template" id="slotP"> <p>这是

1、我在hbuildx新建项目，vue的基本模板巴拉巴拉等待中。。。。下载下来的目录结构如下：2、开始书写组件：src目录下的components目录下写.vue文件：father.vue，child.vue(默认的HellowWorld.vue可以使用，也可以不用)child.vue的代码如下：father.vue的代码如下：3、 如何在father中使用child.vue？4、如何将father和child渲染出来呢？在father.vue中使用child，需要引入child组件：引入

1、prop的验证（我就直接从官网复制了）有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定 HTML 中的 attribute名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名1、以数组的形式prop:['name','age'];2、以对象的形式prop:{ name:{ type:String,

参考：vue单页应用如何在页面刷新时保留状态数据在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你一、问题现在产品上有个需求：单页应用走到某个具体的页面，然后点击刷新后，刷新的页面要与刷新前的页面要保持一致。这时候就需要我们保存刷新之前页面的状态。二、一种解决方案在这个Vue单页应用中，王二是用Vuex作为状态管理的，一开始王二的思路是将Vuex里的数据同步更新到localSt

1、出现中文报错1、Uncaught SyntaxError: Unexpected end of input（报错）丨 解决办法2、Uncaught SyntaxError: Invalid or unexpected token

1、把需要在ie下生效的样式写到下面的媒体查询中@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){ .class { /*样式代码块*/ }}2、在所有的方法必须加上function...

uni-app 使用web的echarts画图表initEcharts: function() { let data = { xAxis: [0, 1, 2, 3, 4, 5], data: [25, 35, 47, 33, 142, 29], } this.chart2 = this.load_echart(this.setChartBar(data...

uniapp目录结构；遵循单文件格式；关于uni-app的一些注意事项；uni-app的尺寸单位（详见官网）。推荐阅读文章

动态导航菜单切换显示不同的按钮的实现

普通函数和箭头函数的使用时，this的指向是如何变幻的？

在调取接口时，返回的数据是字符串应该怎么办？

axios 使用方式

以前做的时候，接口的请求方式是post，今天在遇到请求方式变为get，我绞尽脑汁，在朋友的帮助下，解决了！分享给大家！希望对您有帮助！