![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
智慧方
这个作者很懒,什么都没留下…
展开
-
Vue3+TS代码风格
【代码】Vue3+TS代码风格。原创 2023-03-05 15:20:43 · 82 阅读 · 0 评论 -
vue+gsap实现旋转控制组件
旋转拖动控制组件原创 2023-02-14 15:19:29 · 343 阅读 · 0 评论 -
vue+vite+pinia+axios+vue-router使用
vue+vite+pinia+axios+vue-router使用原创 2022-12-29 22:24:50 · 2283 阅读 · 0 评论 -
vuex使用+nuiapp使用
vuex原创 2022-09-25 21:55:02 · 326 阅读 · 2 评论 -
Vue组件集合
16进制颜色、rgb、hsl相互转换。原创 2023-04-07 21:55:57 · 105 阅读 · 0 评论 -
.net+web api+vue+js 文件上传和接收、下载(zip文件)
1.后端接收(zip)[Route("Upload")] [HttpPost] [AllowAnonymous] public string Upload() { try { HttpRequest request = HttpContext.Current.Request;//获取请求对象 ...原创 2021-03-14 20:14:06 · 672 阅读 · 0 评论 -
安卓webview网页拦截静态资源
// 假设现在需要拦截一个图片的资源并用本地资源进行替代 mWebview.setWebViewClient(new WebViewClient() { // 重写 WebViewClient 的 shouldInterceptRequest () // API 21 以下用shouldInterceptRequest(WebView view, String url) // API 21 以上用shouldInt...转载 2020-10-31 16:08:54 · 769 阅读 · 0 评论 -
关于vue监听数据变化使用(ECharts的图形动态渲染)的watch使用
1.为了动态渲染ECharts的图形2.环境:vue+数据从父组jian件传进(TimeIntervalNumberData)<template> <div> <div id="chart-temperature-timeintervalnumber" style="width: 200px;height:30px;"></...原创 2020-04-27 19:54:11 · 4737 阅读 · 0 评论 -
关于ECharts接口解析(持续更新)
1.官网:https://echarts.apache.org/zh/index.html2.代码(基于vue开发): // 基于准备好的dom,初始化echarts实例 var that = this let color = ['#FF8700', '#ffc300', '#00e473', '#009DFF'];//...原创 2020-04-27 17:20:24 · 1230 阅读 · 0 评论 -
vue使用iview的表格改变颜色
1..ivu-table-header th {color: #fff; //字体颜色font-weight: bold; //字体粗细background-color: #041A23; //背景颜色border: none; //边框有无border-bottom: 2px solid #062735; //边框粗细及样式颜色 }2.原文:https://ww...原创 2020-04-23 20:28:35 · 2932 阅读 · 0 评论 -
Vue项目中最简单的使用集成UEditor方式
官网:http://ueditor.baidu.com/website/onlinedemo.htmlueditor是百度开发的组件我使用的是前端大佬封装的vue-ueditor-wrap插件,结合ueditor本身的压缩包开发的。1.下载vue-ueditor-wrap: npm install vue-ueditor-wrap -S说明:下载这个插件对v...转载 2020-03-02 14:18:17 · 956 阅读 · 0 评论 -
vue滚动条修改样式 vuescroll组件
安装模块:npm install vuescrollmain.js中引入:import vuescroll from "vuescroll";//引入vuescrollimport "vuescroll/dist/vuescroll.css";//引入vuescroll样式Vue.use(vuescroll);//使用开始使用( <vue-scroll></v...原创 2020-02-27 14:16:48 · 1984 阅读 · 0 评论 -
vue播放mp3实现
1.在main.js中注册全局vue:mp3vue2.在app.vue引入组件:<mp3vue/>3.在需要调用的地方调用组件方法:this.mp3vue.mp3play(1)4.组件代码:<template><div class="listen"><!-- 语音播放功能 --><div ><!--...原创 2019-12-20 09:11:02 · 10322 阅读 · 0 评论 -
百度接口语音输入文字语音读报Vue
<template><div class="listen"><!-- 语音播放功能 --><div ><input type="text" id="ttsText"><input type="button" id="tts_btn" @click="myplay()" value="播放"></d...转载 2019-12-19 16:33:29 · 502 阅读 · 0 评论 -
vue通过v-model父子组件传值
巧妙运用v-model实现父子组件传值的方法示例这篇文章主要介绍了巧妙运用v-model实现父子组件传值的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧v-model介绍熟悉Vue的小伙伴们都知道 v-model 是Vue的一个很大的特色,可以实现双向数据绑定。但本质上呢,它不过是语法糖,它负责监听用户的输入事件以更新数据。以下摘取自Vue官方文...转载 2019-11-30 23:36:04 · 4580 阅读 · 3 评论 -
关于vue局域网运行.net+vue项目
1.vue 项目打包好并发布在IIs2..net项目接口发布在IIs3.配置好数据库连接字符串(使用sa账号密码)4.本地电脑访问通过5.同一局域网 访问不行6.原因是防火墙的入站规则没有设置好允许入站的端口7.设置好入站规则本地搭建的.net+vue项目就可以使用了。...原创 2019-09-20 12:02:53 · 1100 阅读 · 0 评论 -
vue 安装stylus
控制台执行安装stylus命令:1.npm install stylus--save2.npm install stylus-loader --save基本使用一段简单的 stylus 代码:$background-color = lightblueadd (a, b = a) a = unit(a, px) b = unit(b, px) a + ...转载 2019-09-06 10:16:11 · 313 阅读 · 0 评论 -
Vue 路由的使用及嵌套的子路由
目的:vue项目开发时用到子路由的嵌套1.一开始使用:<component v-bind:is="content"></component>解决子组件的 切换的。通过改变content的赋值来实现加载子组件。2. 但是当路径发生变化是比如多了子路由1中的组件就不能 满足使用了。3.比如:#/Home/Children其中#/Home为 主路由页面...原创 2019-03-14 16:18:27 · 770 阅读 · 0 评论 -
iview Table组件动态渲染filters数组
目的:使用iview Table件中的筛选功能结果:找了很多网上的方法多不完善,或者的己想要的方法,于是自己方法。步骤:1. export default { data () { abc:[{label:"2222",value:"55555"},{label:"2222",value:"55555"}], columns:[ { ...原创 2019-04-20 23:42:58 · 3151 阅读 · 0 评论 -
关于iview中表单Form自定义验证
目的:实现使用iview中表单的验证自己想要的结果结果:网上找到合适方法validator步骤:1.在form中设置好要验证的值 <FormItem label="分类:" prop="MenuClassifyId"> <Select v-model="formItem.MenuClassifyId"> ...原创 2019-04-21 22:58:59 · 3684 阅读 · 0 评论 -
关于vue错误集
1.Error in event handler for "on-search": "ReferenceError: AddMenuClassifyName is not defined" 或vue.esm.js?efeb:1828 ReferenceError: AddMenuClassifyName is not defined//一般时在调用data自定义 字段时候没有使用thi...原创 2019-04-21 23:31:43 · 219 阅读 · 0 评论 -
关于web网页Js请求头的设置
目的:完成在vue项目里的请求头设置,并在webapi中获取头,然后执行一定的操作(vue+.net webapi)。结果:顺利完成,web请求头缺乏全面的l了解,真正的企业项目中都会对请求的拦截处理。步骤:1.设置vue请求拦截配置请求头。import axios from 'axios';let util = {};const ajaxUrl = 'http...原创 2019-04-17 09:46:36 · 3364 阅读 · 0 评论 -
js调用屏幕全屏和退出方法
GetF11(){this.setF=true; var docElm = document.documentElement; if(this.setF) { console.log("全屏") this.setF=false; //全屏 //W3Cif (docElm.requestFullscreen) { docElm.reque...翻译 2019-04-25 14:04:15 · 904 阅读 · 1 评论 -
vue测试
<template><Col><Card><div id="myChart" :style="{width: '300px', height: '300px'}"></div></Card></Col></template>&l...原创 2019-05-01 12:30:58 · 462 阅读 · 0 评论 -
iview的Upload使用,C#后台
1.前台代码:<template> <Upload multiple type="drag" action="//localhost:10059/api/UploadImage" > <div style="padding: 20px 0"> ...原创 2019-05-01 15:52:45 · 967 阅读 · 0 评论 -
关于vue+Iview组件中子组件调用父组件的事件(方法)eventHub
目的:实现一个全局 的消息通知。步骤:1.在子组件中调用定义的父组件方法<template> <div class="hello"> <h1 @click="go">传递</h1> </div></template>、、、、、methods: { go() { ...原创 2019-05-14 11:04:24 · 1741 阅读 · 0 评论 -
【vue】父向子组件传参、子组件向父传参、vue中父组件调用子组件函数、子组件向父组件调用方法
1.父向子组件传参App.vue为父,引入componetA组件之后,则可以在App.vue中使用标签(注意驼峰写法要改成componet-a写法,因为html对大小写不敏感,componenta与componentA对于它来说是一样的,不好区分,所以使用小写-小写这种写法)。而子组件componetA中,声明props参数’msgfromfa’之后,就可以收到父向子组件传的参数了。例子中...原创 2019-05-25 18:05:16 · 1712 阅读 · 2 评论 -
关于html标签在图层的位置设置
目的:解决网页遮罩的问题。代码:style="z-index: 0"把这个 内嵌到标签里面。0表示所在视图层,越大值越在 顶层。 <divstyle="z-index: 0"> wwwww</div>原文:https://segmentfault.com/q/1010000014955130...转载 2019-06-05 17:31:28 · 2915 阅读 · 0 评论 -
vue 键盘监听事件
方法一:mounted: function () { window.addEventListener('keyup',this.handleKeyup) window.addEventListener('scroll',this.handleScroll) },methods:{ // 键盘事件 handleKeyup(event)...转载 2019-08-08 16:33:51 · 1645 阅读 · 0 评论 -
关于vue去掉#后在IIs发布的配置
1.如有模式改写成: mode:'history',2.下载安装IIS安装Url重写:https://www.iis.net/downloads/microsoft/url-rewrite3.配置重写规则:https://blog.csdn.net/caijunfen/article/details/78737874下面总结下:url重写设置中,将配置url选择为...原创 2019-09-02 13:52:41 · 1201 阅读 · 0 评论 -
vue拦截axios的OPTIONS请求
目的:为了减少后台的多次请求结果:安装qs请求拦截安装qs拦截:vue安装qs拦截 一个OPTIONS请求,预请求代码:在admin.js:import qs from 'qs'Vue.prototype.$qs = qs //////////////////在具体的xxxx.vue 的项目import qs from 'qs' //用于拦截OPTIONS的...原创 2019-01-21 11:47:22 · 4963 阅读 · 0 评论