qing_xing_的博客

逻辑是和用vuex的那篇文章一样的 只是这个是没有用vuex。具体逻辑去这里看吧，这个是简化版，顺便做了些小优化。

因为element-plus表单的ref和model的值不能设置相同的值，如果设置成相同的值，输入框无法输入、下拉框值不回显在element-plus的官方文档中是这样写的，可以看出来两者的值不一样而在vue2+饿了么中是可以设置相同的值，官方写法如下...

npm install sass-loadernpm install node-sassnpm install sass-loadernpm install sassnpm install style-loadernpm install style-resources-loader将上面的依赖全部安装一遍如果没有在config里面配置 需要配置一下const path = require("path"); module.exports = { pluginOptions: {

1、下拉框的区域代码 <el-form-item label="选择内容" prop="region" :rules="[ { required: true, message: '选择内容', trigger: 'blur' }, ]"> <el-select v-model="form.region" value-key="collId" remo

1、在当前页面date里面声明map()data(){ return{ maps:new Map(), }}2、在element 的load方法里面parentId 是上一层数据的id 注意唯一性load(tree, treeNode, resolve) { this.maps.set("parentId", { tree, treeNode, resolve }) //加入上面的数据 setTimeout(() => {

移动端和PC端有两套代码需要转化的时候，可以在js里面写下面代码实现自动转化var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;pc端里面写if (is_mobi) {window.location.href = "p...

实现子元素相对父元素固定定位的方法就是，给父元素添加transform:translate(0,0);位移为0，然后给要固定定位的子元素 添加position:fixed;这样就可以实现子元素相对于父元素固定定位了

直接上代码 f_down(receipt){// f_down为自定义的一个方法，receipt为图片链接 var x=new XMLHttpRequest(); x.open("GET",receipt, true); x.responseType = 'blob'; x.onload=function(e){ var url = window.URL.cre...

闲话少说，步入正题。表单验证的时候，值为undefined的原因，网上说的有三种1、prop名称和rules中的名称一致2、没有指定的model3、绑定的属性没有在data中声明（这个可有可无）除了这三种外，还有一种情况，在验证之前 我们都能拿到表单的值，但是验证之后打印的值为undefined。我这里具体问题出现的场景：子组件是抽屉，需要里面的值回显到父组件上，但是点击提交的时候值为undefinedresetFields（）会将数据恢复初始值，这时候传过去的数据也会.

前段免不了要写后台管理，下面分享几个可以快速生成后台管理的框架，自己用过之后感觉挺好用的，分享给大家。高级表格ProComponents：https://procomponents.ant.design/components/table/#%E5%B5%8C%E5%A5%97%E8%A1%A8%E6%A0%BC组件库基于 React（Vue版），主要用于构建大屏（全屏）数据展示页面即数据可视化，具有多种类型组件可供使用：http://datav-react.jiaminghi.com...

去百度上百度的vant官网链接都不能用，下面这个链接可以直接跳转到vant官方适用于vue的：https://vant-contrib.gitee.io/vant/#/zh-CN/home适用于微信小程序的：https://vant-contrib.gitee.io/vant-weapp/#/home

在做移动端酷我音乐的时候，发现歌词随着音乐滚动是一个小难点，说难也不难，但是说简单的话也不简单。大家请求歌词返回的类型可能不太一样，但是判断逻辑都是一样的。

Vue简单实现购物车功能本文用Vue简单实现了一下购物车功能，简单是指代码简单，只有50行，也指样式简单，愧对前端。话不多说，直接上图上代码吧！这是购物车的页面，虽然看着比较简陋，但麻雀虽小五脏俱全，数据用的是在state里面的固定数据。先捋一下购物车的逻辑：1、在选中该商品的时候，总价变为该商品的价格。2、点击”+“或 ” - “的时候，商品的数量随之变化，总价也跟着变化。3、当点击全选的时候，全部商品选中，总价变为如今商品价格*商品数量之和，取消全选的时候，价格变为0。4