
vue
Veranew
这个作者很懒,什么都没留下…
展开
-
media query is expected
如图,.vue 文件中的style部分一直报错。对比了下其他文件,原来是上面import少写了分号是考验眼力的问题,也是考验基本功的问题。加上分号,完美~原创 2020-12-16 13:58:11 · 771 阅读 · 0 评论 -
表单只读readonly属性,不要再用disabled了
一般列表都会有查看和编辑功能,我这傻fufu的用的disabled,然后就这样,很丑。今天突然看到readonly,才想起来还有这个属性!!!之前读法一直有问题,以为是rendon-ly, j今天恍然大悟,是read-only啊,只读啊,多好理解!用在vue里,原生input标签是这样:这里readonly的o大小写都没关系。但如果是ant-design-vue,最好readOnly或者read-only, 如果用readonly会有警告信息只读,文字可以被选中,样式还好看!!路漫漫其修远原创 2020-12-11 16:56:15 · 3016 阅读 · 1 评论 -
纯前端导出excel表格
需求:vue框架下,页面加一个“导出”按钮,点击导出excel文件。需求分析:加按钮,点击请求数据接收到数据之后下载导出excel文件步骤:添加模块 // npm npm install --save file-saver xlsx npm install --save script-loader新建文件夹,创建两个文件,如图:(两个在文件文末链接)引入文件const { export_json_to_excel } = require("@/ve原创 2020-09-08 13:44:48 · 643 阅读 · 0 评论 -
【面试题】vue实现二级联动(好像也不算二级联动)
需求就是上面的的了。以下是我的实现:代码实现反思:题没看清,数量那个地儿应该是输入框,我给弄成了下拉框不熟练,一直得百度,一直得改bug,也才到这样一个效果贴个代码记录一下:<!-- 第一个下拉框 --><select name="radioOrCheckbox" id="radioOrCheckbox" v-model="value1" @change="...原创 2019-12-24 17:30:06 · 602 阅读 · 0 评论 -
Vue实现购物车
这个是效果图(丑就丑点吧,功能实现就行):选中的商品,计算对应的总价全选与反选,总价对应变化步进器,选中的商品的数量加减的同时,总价也相应变化移除,对应总价变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo...原创 2019-12-12 17:09:45 · 390 阅读 · 0 评论