itsxyu的博客

现象：el-input在绑定@keypress.enter.native后，第一次回车时会刷新页面，后面在回车就不会了。原因：W3C 标准中有如下规定： When there is only one single-line text input field in aform, the user agent should accept Enter in that field as a request tosubmit the form. 即：当一个 form元素中只有一个输入框时，在该输入框中按下

安装依赖 npm install -S file-saver xlsx（这里其实安装了2个依赖） npm install -D script-loadermain.js中全局引入 import Blob from './excel/Blob.js'import Export2Excel from './excel/Export2Excel.js'webpack.base...

下载npm install mavon-editor --savemain.js引入import mavonEditor from 'mavon-editor'import 'mavon-editor/dist/css/index.css'Vue.use(mavonEditor)页面使用。自带@change事件，两个参数分别为输入值和HTML渲染后的值得格式。通过v-ht...

下载wampServer 或者XAMPPwampServer下载出现错误：由于找不到MSVCR110.dll,无法继续执行代码,重新安装程序可能会解决问题原因：缺少vc运行集成库，建议先安装。建立数据库mytest,表login创建目录安装需要用到的.axios ,mysql，body-parser必须，其他自由选择npm install element-ui vuex ax...

引入scss原因：sass-loader版本8过高，将package.json中的sass-loader8改为 “sass-loader”: “^7.3.1”,，删除node_modules,重新npm install ,然后再npm run dev就行

思路：mock模拟用户数据axios请求接口，router中进行needLogin的判断，true为需要登录才能进入此页面vuex中，将在login.vue中获取的用户名和密码进行验证验证后，拿到token和usertitle，将token存储到sessionStorage中，usertitle存储至vuex的title，在home.vue中显示前端每次跳转时，就在main.js使用...

在使用vuex对进行数据处理时，报以下错误Computed property “XXX” was assigned to but it has no setter.组件中v-mode=“XXX”,XXX时state里面的变量报错原因是vuex时单向流而v-model是双向流，在computer中可以通过get获取值但无法用set改变值，vuex官网中提供表格操作的处理方式https:...

在vue中使用vuex做状态管理，当刷新页面时，发现state里面的数据丢失，这是因为当页面刷新时，store里面的数据就会重新赋值初始化。解决：将state里面的数据保存在本地存储中，这样在刷新页面时就可以直接从本地存储拿1.选择合适的存储客户端localStorage是永久存储在本地，除非你主动去删除;sessionStorage是存储到当前页面关闭为止;cookie则根据你设置的有...

拖拽前拖拽，数字21+104为当前正在拖拽元素的left和top上代码，注意布局要为定位，父级relative，要拖拽的元素为absolute<template> <div class="box"> <li @mousedown="move" v-for="(item,index) in list" :key="index" :styl...

<template> <div class=""> <div class="top"> <!-- 筛选 --> <div class="screen"> <div style="width:30%">筛选：</div>...

实现以下效果，点击按钮地图跳转到对应地址1.申请百度秘钥，在index.html中引入2.在webpack.base.conf.js中配置Bmap3.vue页面中使用<template> <div id="all"> <ul> <li v-for="(item,index) in lists" :key="inde...

第一种去掉scoped，不推荐，这样会造成全局样式污染，影响其他页面的样式第二种在scoped中，使用深度选择器，可以通过vue-loader提供的新写法 （先安装，在使用）>>>某些预处理器（如Sass）可能无法>>>正确解析。在这些情况下，您可以使用/deep/组合器 - 它是别名，>>>并且完全相同。/deep/ .(eleme...

先上效果图year ,month,day分别表示年，月，日，preDay表示显示在展示月中的上个月剩余天数，nextDay表示下个月天数，monthSize表示展示月的天数大小，monthNum用于循环月份按钮，week用于循环星期这一列表，monthList存的是一年中的各个月的天数大小。getCurrent()是获取当前时间，getLastMonthSize()表示获取显示在这个月中的...

<template> <div class="layout-center"> <ul class="nodot"> <li v-for="(item,index) in todo" :key="item.id">面额 {{item.value}}: <input...

点击不同li触发不同事件<template> <div class="home"> <h2>Essential Links</h2> <ul> <li v-for="(item,index) in lists" :key="index" @click="getLists(item.methods)"...

利用mock模拟数据，axios获取连接，vuex状态管理主要目录结构main.jsimport Vue from 'vue'import App from './App'import axios from 'axios'require('./mock/mock.js')import store from './store/store'//导入并使用import VueRou...

最简便方法！可直接GitHub下载https://blog.csdn.net/weixin_38654336/article/details/80790698

查找到的一篇入门实践https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc

1.下载v-jsonnpm i -S vue-jsonp2. main.js中导入import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)Vue.config.productionTip = false3.$jsonp通过接口地址获取接口数据

1.安装以及语言包配置步骤详见链接https://blog.csdn.net/revival_liang/article/details/78267992###2app.vue中使用viewbox@import ‘~vux/src/styles/reset.less’;

vue项目的搭建第一步下载vue脚手架下载好后测试是否安装成功第二步创建基于webpack的vue项目vue init webpack 项目名称除了vue-router输入yes,其他输入no结束之后可以看到我的d盘生成了一个myvue目录。第三步运行项目进入安装好的项目目录启动项目此时打开浏览器127.0.0.1：8080出现vue的图标注意：若出现8080端口被...

Mint UI基于vue.js的移动端组件库，任何项目都可以使用MUI或bootstrap，但是mint-ui只适用于vue项目官网http://mint-ui.github.io/#!/zh-cn1.安装：npm i mint-ui2.引入Mint-uiimport Vue from ‘vue’import MintUI from ‘mint-ui’import ‘mint-ui/...