![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小白变怪兽
这个作者很懒,什么都没留下…
展开
-
点击按钮根据光标位置插入内容
光标处插入内容原创 2022-06-24 16:15:17 · 492 阅读 · 0 评论 -
自定义指令v-move移动元素到任意位置
自定义指令v-move原创 2022-06-23 15:10:50 · 619 阅读 · 0 评论 -
【无标题】
需求:点击左侧tree数据, 得到右侧table数据,右侧复选框勾选后提交的数据展示在父组件上。在父组件重新进入弹窗的时候要默认展示勾选已经选中的项如下图所示:父组件展示内容点击选择日期展示弹窗重点:给复选框新增属性:reserve-selection=“true”, 记录已勾选的值this.$refs[multipleTable].toggleRowSelection(item)勾选已选中项关键代码:<el-table-column align="center" type原创 2022-05-31 16:20:31 · 80 阅读 · 0 评论 -
vue小知识点记录
vue组件中引入图片(方法有很多,这里就记录自己常用的一种)background-image: url('~@/assets/XXX.png');原创 2022-03-01 11:44:04 · 492 阅读 · 0 评论 -
vue-admin-template只有一个子菜单时父级菜单不显示问题
如上图所示:加上 alwaysShow: true 即可原创 2022-01-11 16:50:13 · 953 阅读 · 0 评论 -
vue-cli3.0+中创建多个子项目,并能分别打包到对应的文件夹下
在日常开发中我们经常会碰到需要开发一些简单的功能页面,例如:618活动页面, 双十一活动页面等,这时候我们就希望在一套VUE脚手架下创建多个子项目了。官方文档说明执行以下步骤,新建一个项目目前使用脚手架搭建的项目默认都是单页面应用vue create hello-worldcd hello-worldnpm run serve那么我们要如何将vue项目改造成多页面应用, 并且能够打包到对应文件夹下呢首先, 我们先来调整项目的目录结构接下来找到vue.config.js.原创 2021-11-25 17:15:31 · 1563 阅读 · 0 评论 -
判断是否在微信内置浏览器中打开网页
问题描述由于微信浏览器中无法打开外链,因此要想在微信内置浏览器中点击按钮下载是无法成功的,这时候我们就需要判断是否处于微信内置浏览器中,从而做出不同的提示。如下图所示:判断是否微信内置浏览器的代码const ua = window.navigator.userAgent.toLowerCase()let isWeixin = ua.indexOf('micromessenger') != -1; if(isWeixin) { // 微信内置浏览器内的操作 }else {原创 2021-11-25 10:06:50 · 1346 阅读 · 0 评论 -
vue项目 --- RSA加密
1. 安装 jsencryptnpm install jsencrypt --save2. 在main原创 2021-06-14 22:28:48 · 150 阅读 · 2 评论 -
1.关于mustache
什么是mustache?mustache是一种模板渲染引擎mustache基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2021-04-16 15:38:47 · 208 阅读 · 0 评论 -
ECharts使用从0到1 -- 以vue-echarts为例
vue vue-echarts echarts原创 2017-06-07 19:45:42 · 19285 阅读 · 2 评论 -
vue(2) -- vue在watch中监听对象属性的变化
vue watch 对象属性原创 2017-06-09 18:11:17 · 9955 阅读 · 0 评论 -
解决vue2.0路由跳转未匹配相应路由而出现空白页面的问题
Vue 路由跳转 出现空白页面 redirect原创 2017-11-24 19:53:45 · 14495 阅读 · 0 评论 -
vue给数组和对象进行增加删除字段不更新数据的解决方法 — Vue.set(object, key, value)
关于为什么数据变动bu’chong不重新渲染, 官网已经介绍了, 这里就不再多说:下面主要记录一下具体的操作代码:组件基本代码:&lt;style lang="sass"&gt;&lt;/style&gt;&lt;template&gt;&lt;div&gt; &lt;div&gt;原创 2018-07-02 11:20:11 · 10473 阅读 · 2 评论 -
VUE模式改成history后刷新报错问题
1.在我们进行VUE开发的时候,如果采用默认的路由模式,就是类似于http://xxx.com/#/demo 因为多了一个#影响美观。2.将路由的模式设置为mode: “history”; 也就是去除地址栏上的#号,类似于:http://xxx.com/demo 但是这样有个问题就是我们直接刷新页面的话,页面会报错,cannot get demo…下面我们就来记录一下在开发环境下如果我们...原创 2018-07-03 15:35:37 · 15142 阅读 · 0 评论 -
Vue项目中用json-server搭建mock服务
Vue项目中用json-server搭建mock服务1.首先: nam install json-server —save-dev2.新增一个mock目录, 用于存放MOCK数据  db.js中的数据格式:const config = { 'getSide': getSide}module.exports = function () { let ...原创 2018-07-03 17:22:23 · 1496 阅读 · 0 评论 -
element-ui 实现行合并
目标样式:首先先来看下我们拿到的返回数据:tableData: [ { productType: &quot;纺织品&quot;, price: 123, productName: '男装上衣', amount: 20, operate_number: &quot;20180831142020&quot;, ...原创 2018-08-31 15:32:27 · 25968 阅读 · 13 评论 -
vue-cli根据环境打多个包
需要更改的文件:build下的build.js build下的webpack.prod.conf.js config下的index.js package.json1.首先是: build.js// process.env.NODE_ENV = 'production' 注释掉这句话// 将页面中涉及到的config.build.xx更改为动态的具体代码如下:/...原创 2018-09-05 20:36:49 · 2134 阅读 · 3 评论 -
vue(1) -- this.$nextTick
vue this.$nextTick原创 2017-06-02 19:34:06 · 7977 阅读 · 0 评论