![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
longyinfengwu
这个作者很懒,什么都没留下…
展开
-
el-ement ui走马灯去除默认的切换显示
走马灯去除下方显示的切换,只要加上indicator-position=“none” 属性即可。原创 2022-09-30 17:05:51 · 2242 阅读 · 1 评论 -
vue-cli项目前后端分离数据交互之ajax和后台python通信flask,web服务器 wampserver和flask兼容!!
用vue-cli 创建项目后配置下 项目的配置文件,config/index.js 找到proxyTable,配置如下:亲测有效的方法proxyTable: { '/api/*':{ //这里面的 '/api/*' 才好用, 其他的形式如:'/api'不失败的 target:'http://xxxx.com;8011', changeOrigin: true,//跨域(很重要,前后端分离时所在服务器ip不同会涉及到跨域的问题) pathR原创 2020-11-12 14:49:45 · 516 阅读 · 0 评论 -
iview table表格的自定义样式(动态改变背景色等)
iview table表格的自定义样式1.需求背景颜色为深色背景左侧可勾选checkbox选中鼠标hover浮动到某行,当前行背景颜色更换为红色斑马条纹效果图在这里插入图片描述2.设计iview的官方文档已经给出了解决方案在这里插入图片描述选中高亮=》highlight-row斑马条纹=》stripe表格自带浮动到某行变色checkbox=》selection在这里插...原创 2020-01-20 14:34:39 · 7964 阅读 · 1 评论 -
input 输入框屏蔽鼠标选中操作 复制 剪切等
<input type="text" name="a1" draggable="true" value="aaa">给input 框添加 draggable="true"属性即可,是可拖动属性和选中属性冲突所以导致鼠标选中失效,达到目的...转载 2020-01-15 10:47:15 · 2826 阅读 · 0 评论 -
VUE 编译报错处理 和vue.main.js下载
https://www.e-learn.cn/content/qita/817543原创 2019-04-23 22:18:06 · 537 阅读 · 0 评论 -
创建Vue项目 以及引入Iview
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ npm install$ npm run dev 以上是vue官方文档中Vue.js 提供一个 官方命令行工具 创建vue项目的方法。我...原创 2019-04-23 22:48:56 · 181 阅读 · 0 评论 -
Vue路由跳转到新页面时 默认在页面最底部 而不是最顶部 的解决
今天碰到一个问题 vue路由跳转到新的页面时会直接显示页面最底部 正常情况下是显示的最顶部的 而且好多路由中不是全部都是这种情况 折腾好长时间也没解决 最后在网上找到了解决办法其实原理很简单 就是在页面加载完毕后 把滚动条的距离设置为(0,0) 就解决了mounted () { this.$router.afterEach((to, from, next) =>...原创 2019-04-29 16:47:11 · 4388 阅读 · 1 评论 -
VUE 点击按钮复制input里的内容到剪贴板
<p>邀请码</p><p class="inviteCode" id = "inviteCode">{{invite_code}}</p><p class="copy" @click="copy">复制</p> copy() { var Url2 = document.getElementById("inv...原创 2019-05-10 13:36:52 · 3993 阅读 · 0 评论 -
iview input绑定enter事件
在使用iview Input组件是,需要enter触发相关的请求事件,但是iview官网的on-enter事件不起作用 就要用如下方式:<Input placeholder="请输入查询信息" style="width: 100%;border: #2b85e4" class="active" v-model="searchText" @keyup.enter.native="sea...原创 2019-05-31 15:10:39 · 4744 阅读 · 1 评论 -
关于setInterval只执行一次的原因
clock() { this.percent += 1; console.log(this.percent); }, TSzipchuli(){ var intelval=window.setInterval(th...原创 2019-06-20 14:20:31 · 506 阅读 · 0 评论 -
详解iview的checkbox多选框全选时校验问题
<template> <div style="border-bottom: 1px solid #e9e9e9;padding-bottom:6px;margin-bottom:6px;"> <Checkbox :indeterminate="indeterminate" :value="checkAll" **@cli...原创 2019-07-17 17:07:21 · 965 阅读 · 0 评论 -
html页面中如何显示pdf文件
今天,客户有个新的需求,需要在html页面中嵌入pdf文件,实现在线阅读。后来在网上找到了两种解决方法。方法一:使用 和 代码如下:<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px"> <embed src="http://you...原创 2019-08-12 18:23:45 · 9997 阅读 · 1 评论 -
vue-cli-service 不是内部或者外部命令
解决方法:npm install --global vue-cli原创 2019-04-23 22:14:53 · 2942 阅读 · 2 评论