vue
这里有一锅小兔叽
这个作者很懒,什么都没留下…
展开
-
Vuejs的一些命令集合
v-cloak可以使用 v-cloak 指令设置样式,这些样式会在 Vue 实例编译结束时,从绑定的 HTML 元素上被移除。当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。<div id="app" v-cloak></div><style> [v-cloak] { display: none; }</style>..原创 2020-07-03 16:57:39 · 175 阅读 · 0 评论 -
深拷贝和浅拷贝问题
有数组如下:searchList:[{ id: 0, name: '测试卷'},{ id: 2, name: '测试数据'}]另一个数组:searchInfo: []本意是要对这个数组进行操作,但又不想操作原数组js中我的写法是:this.searchInfo = this.searchList;然后对searchInfo进行逻辑操作但是我发现searchList中的数据也被修改了后来发现是ES6的深拷贝与浅拷贝的区别,浅拷贝只是把数组复制了一份,数组指向的存储地址还是没变原创 2020-05-08 18:33:31 · 173 阅读 · 0 评论 -
通过搜索关键字去匹配文章里的内容并将关键字高亮显示且不匹配标签
keyLight(key, color, content) { color = color || "red"; sText = ""; sText = content; var sKey = "<span style='color: " + color + ";'>" + key + "</span>"; va...转载 2019-09-06 17:04:01 · 708 阅读 · 0 评论 -
JSON格式数据转换成数组格式
json转换为数组格式 str = [{MasterID:'1',Name:'张三'},{MasterID:'2',Name:'李四'},{MasterID:'3',Name:'王五'}]; this.examineProcedure= str.sort((a,b)=>{ //排序 进行字母排序 return a.MasterID[0]-b.MasterID[0...原创 2019-08-23 16:39:27 · 2701 阅读 · 0 评论 -
vue使用v-mode双向绑定数据不实时更新
我写了一个input,通过v-mode绑定变量,并与输入框内容同步,因为对输入框中的数据做了一些限制操作,导致输入内容与我操作后的内容不能实时同步,使用下面异步更新函数可以达到效果 this.$nextTick(() => { this.Svalue = price })...原创 2020-05-25 10:32:34 · 2715 阅读 · 0 评论 -
vue开发微信公众号之文件下载
开发微信公众号实现文件下载的时候问题就出现了,一般网站做法就用不了,因为微信内置浏览器不支持下载文件,这就需要你用外部浏览器了(一般都是用手机自带的浏览器)。这边你需要新建一个中转页面,提醒用户要通过浏览器去下载文件。将需要下载的文件获取到并展示在页面,通过点击文件名跳转到中转页面,然后中转页面上去打开浏览器,会自动下载文件在需要的页面调用接口去获取文件信息getFile() { th...原创 2019-09-10 11:02:32 · 8564 阅读 · 5 评论 -
vue中将(2019-08-27T15:11:24.172+08:00)时间格式转换成常用日期格式
安装moment插件$ (c)npm install --save moment找到main.js文件,写入:$ import moment from 'moment/moment';Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD HH:mm:...原创 2019-08-28 11:32:55 · 1739 阅读 · 0 评论 -
VUE的使用(与element-ui结合使用)
创建新的vue项目vue init webpack-simple element_ui(项目名称)进入项目cd element_ui安装模块(c)npm install要使用element-ui的话,要安装element-ui(c)npm install element-ui --save-dev配置找到webpack.config.js文件,在rules中添加{ te...原创 2019-08-20 17:52:04 · 820 阅读 · 0 评论 -
vue中引入ueditor富文本编辑器的方法与遇到的问题及解决方法
下载ueditor度娘轻松就能找到下载地址,不过我还是放一个:下载地址,因为我后台用的是PHP,所以我下载的是PHP的版本。使用下载下来的东西是一个压缩包,将其解压放在vue项目的static目录,且他的目录如下找到ueditor.config.js文件,修改其中的配置找到config.json...原创 2019-04-17 17:04:03 · 6223 阅读 · 0 评论 -
vue配置页面预渲染(将页面静态化,便于seo读取)
在项目中安装prerender-spa-plugin$ npm install --save prerender-spa-plugin找到bulid目录下的webpack.prod.conf.js文件,在其中写入以下内容:在文件的上方写入:const PrerenderSpaPlugin = require('prerender-spa-plugin')找到webpackConfig...原创 2019-04-03 10:04:29 · 8040 阅读 · 6 评论 -
Vue父子组件之间的传值问题
子组件给父组件传值记一个简单的例子,注册(点击注册打开注册模态框,点击注册模态框的关闭图片关闭注册模态框)父组件:&lt;template&gt; &lt;div class="header"&gt; &lt;ul&gt; &lt;li class="login"&gt;登录&原创 2019-02-20 14:20:43 · 310 阅读 · 0 评论 -
Vue中this.$router的使用
vue中this.$router.push有两种使用方法:传入参数且地址栏中带上参数内容this.$router.push({path/name: ' 路由 ', query: {key: value}})(是path还是name由你自己定,如果是name那么在定义路由的时候需要写明类似这种:{ path: '/home', name: 'Home', component...原创 2019-02-14 16:04:10 · 23422 阅读 · 2 评论 -
VUE中SCSS的使用方法
1、SCSS是什么SCSS是CSS的预处理器,当然,它只是其中一种。CSS的预处理语言有:SCSS(SASS),LESS,POSTCSS。SCSS其实是SASS的升级版。2、SCSS该怎么用在vue项目中将SCSS安装到vue项目中$ (c)npm install sass-loader --save-dev(sass-loader依赖于node-sass,所以node-sass必须...原创 2019-01-23 11:09:20 · 379 阅读 · 0 评论 -
vue中安装axios
1、在项目根目录下输入如下:$ npm install --save axios2、在main.js或者需要用到ajax的页面中将它导入import axios from 'axios';3、在main.js中定义全局变量Vue.prototype.$post = post;Vue.prototype.$get = get;...原创 2019-01-15 15:44:37 · 1503 阅读 · 1 评论