vue
小浪花a
宇宙无敌超萌小可爱(๑• . •๑)…………
展开
-
element 的el-table-column给单列后面加按钮,slot-scope
需求:在一列后面,不只展示数据还想展示按钮,其实element支持这个功能解决方式:<el-table-column prop="userNum" label="用户数量" align="center" width="200px" > <template slot-scope="scope"> {{scope.row.userNum}} <i class="el-icon-edit" @click="studentShow=!studentSh原创 2021-10-13 10:43:42 · 3892 阅读 · 0 评论 -
element表单验证是number类型时,验证失败
错误描述:表单中30 在1~50之间,却仍旧提示错误错误原因v-model默认String类型,故rules不识别解决方式这样就可以识别啦原创 2021-10-11 17:25:15 · 791 阅读 · 0 评论 -
无法访问此网站网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接,或者它已永久性地移动到了新网址。 ERR_ADDRESS_INVALID
问题原因好不容易运行的项目打开网址,却什么都找不到 ,优秀哈,当时的我是生气的~~~~当我看见 0.0.0.0 我是觉察到问题的,因为跟我平时运行项目的地址不同我就去全局搜索了一下子,果然直觉告诉我这个地址有问题,我试图 将其进行更换重启项目就打开了~~~好气~~~又不能打人~~~综上:跑个项目容易吗 ,能不能别整这么多套路这要是个新人,疯了能把项目运行起来...原创 2021-07-14 10:27:52 · 19030 阅读 · 4 评论 -
报错:dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
该问题出现在我从git上刚刚拉下来的项目在npm install 之后,npm run dev/npm run serve都报错???然后我根据 报错信息查看我的 package.json文件我发现报错信息就是dev后面 这句话 ,dev后面不一定是这句话哈,我对比了其他项目也有这样的。通过百度我发现是webpack版本低问题,也尝试了更换版本,先 卸载,在安装对应版本 ,发现并不能解决还有一种 方式是直接修改webpack-dev-serve版本,可是我 查找全文件并没有一下这句话,原创 2021-07-14 10:08:48 · 5536 阅读 · 0 评论 -
新建vue项目之后,如何修改页面,进行项目搭建
这是一个vue create 文件名 出来的文件,那最外层的就在这个app.js中这一部分是下图home|about,如果存在这一部分 ,整个vue被分为标题和 一下 的内容页面;如果 删掉这一部分,整个页面统一为一个页面。router-view是路由跳转到页面。我们在查看 router文件夹下index.js文件这里规定了跳转位置,以及配置路由说明当http://192.168.1.27:8080/ 端口号后面是‘/’时,会跳转到Home页面这里规定了Home对应的文件路由原创 2021-07-13 15:57:50 · 4454 阅读 · 0 评论 -
vue项目无build文件夹,怎么关闭eslint
深受eslint折磨有赶时间的我,不得不选择关闭eslint。我用的开发工具是webstorm,我的 文件中没有build和config文件夹,和之前文件结构不一样,我也尝试之后并没有成功关闭eslint无奈拖妥协然后 我采用ctrl+alt+l的方式,自动格式化文件,一些小的格式问题都能解决,over…...原创 2021-07-13 15:43:59 · 6243 阅读 · 1 评论 -
新建vue项目引入element步骤
因为我想快速创建项目,且在项目中会经常使用element,所以 我对于element做了全局引入1.在 命令行中输入或者win+r 输入cmd打开 的命令行中 vue run serve中之后,在同样的地方输入以下代码npm i element-ui -S做全局的引入2.找到main.js文件 ,引入element与对应css3.使用,随便在element粘贴过来几个按钮,测试一下代码能够运行,并且css展示出来,说明引入成功了...原创 2021-07-13 11:52:51 · 751 阅读 · 0 评论 -
vue数据更改,页面不变化
由于受JavaScript的限制,vue.js不能监听对象属性的添加和删除,因为在vue组件初始化的过程中,会调用getter和setter方法,所以该属性必须是存在在data中,视图层才会响应该数据的变化。我们打印后台发现,数据更改,但页面没有变化我们发现,只有name属性有get,set,这两个属性就是双向绑定时对数据的监测和劫持的,kind属性未被监测,发生变化时也就不会展示解决办法两种1.this.$ser(对象,对象属性名,属性值)<template> <di.原创 2021-06-21 16:17:16 · 4851 阅读 · 0 评论 -
vue手动创建项目与自动创建有什么不一样
手动创建自动穿创建原创 2021-05-18 21:36:20 · 256 阅读 · 0 评论 -
vue3.0 中自动打开浏览器功能
我之前创建的3.0 项目会自动打开浏览器,但是今天创建的项目并不会,很好奇是怎么做到的,最后发现vue3.0中的配置文件中配置一下首先查看你的文件目录下有没有vue.config.js文件,如果没有就新建一个,vue3.0中的配置信息都会写在这里面,新建的项目是没有这个文件的该文件中的写法module.exports = { devServer: { open: true // 是否自动启动浏览器 }}如果有其他配置需求也可以查询vue.config.js文件更多配置信息.原创 2021-05-18 21:33:59 · 1082 阅读 · 0 评论 -
vue3.0的vue run serve与之前的npm run dev有什么不一样
就是配置文件的一个key名变化而已,不喜欢可以改回去,还可以自定义我试过改成dev和start,改完要记得改成什么了,项目跑不起来就打脸了原创 2021-05-18 21:00:19 · 387 阅读 · 0 评论 -
vue3,0之后新建项目流程
其中Manually是手动设置,那我这是也是选了Manually来手动设置一下子。按键盘的“下”键,就能更改选项点击回车键即为选中因为我上一步选了choose vue version,使用需要选这一步对路由器使用历史记录模式? (需要适当的服务器设置以进行生产中的索引回退)(是/否)我选了n,因为想用hash选择css预处理,这里我选择node-sassnode-sass是自动编译实时的,dart-sass需要保存后才会生效。参考链接https://blog.csdn.net/yangy.原创 2021-05-18 20:35:38 · 171 阅读 · 1 评论 -
阿里矢量图标库项目添加合作者
之前的项目都是跟着别的做或者自己独立完成,今天,可终于有人来帮我啦!鸡冻之余,为什么阿里矢量图标库没有添加成员的按钮?1.阿里矢量图的链接https://www.iconfont.cn/2.本身我已经创建了项目,只需要添加合作者的用户名所以,跟合作者要他的用户名3.找到你想拉他的项目(别忘了登录之后才能看自己的项目)记得按需修改写作者权限...原创 2021-01-18 10:32:23 · 5263 阅读 · 7 评论 -
better-scroll创建沿着Y轴滑动的窗口
<div class="wrapper" ref="wrapper"> <div class="content" > </div></div>import BScroll from 'better-scroll'export default { data () { return { Scroll: null, } }, mounted () { this.init() }, meth原创 2020-09-24 15:53:00 · 168 阅读 · 0 评论 -
vue的PC端实时监测滚动条位置,并动态改变div位置,改变css
我实现的是一个下滑一定高度,右边div滚出页面之后,自动下跳的功能可以从后台查看输出的位置<div ref="pronbit">mounted () { window.addEventListener('scroll',this.handleScrollx,true) },在data中定义个变量scrollHeigh:0,建议在判断scrollHeigh高度的时候建议使用比大小,而不用用“”或“=”,因为鼠标滚动的检测可能有不及时的时候methods: {原创 2020-08-25 14:28:17 · 1436 阅读 · 5 评论 -
localStorage.getItem判断值为true和false时,失效问题
由于localstroage存储时会把存入的数据变成字符串,所以if判断的时候要额外注意,同理字符数据localStorage.getItem("REM_NAME")==="false"原创 2020-08-15 14:41:46 · 1784 阅读 · 0 评论 -
input 框 placeholder 的属性修改
<style> input::-webkit-input-placeholder { /* placeholder颜色 */ color: #bcbcbc; /* placeholder字体大小 */ font-size: 12px; }</style><input type="text" placeholder="请搜索你喜欢的宝贝" >原创 2020-08-02 19:25:32 · 414 阅读 · 0 评论 -
better scroll底部部分显示不全,被遮住的解决办法
<div class="wrapper" ref="wrapper"> <div class="content"> ... </div> </div>就是给content加padding-bottom,把显示不全的部分填满.content{ padding-bottom: 40px; }原创 2020-08-02 19:13:40 · 2446 阅读 · 4 评论 -
vue+element的批量删除
html中一个小按钮<el-button type="primary" icon="delete" @click="delAll">批量删除</el-button>监视小框框<el-table :data="selectList.slice((currentPage-1)*pagesize,currentPage*pagesize)" height="400" border class="table" style="wid.原创 2020-06-17 14:14:28 · 627 阅读 · 0 评论 -
接口报错400,Referrer Policy: no-referrer-when-downgrade
找了下原因{“timestamp”:“2020-06-15 14:47:50”,“status”:400,“error”:“Bad Request”,“exception”:“org.springframework.validation.BindException”,“errors”:[{“codes”:[“typeMismatch.question.questionScore”,“typeMismatch.questionScore”,“typeMismatch.int”,“typeMismatch.原创 2020-06-15 14:54:43 · 2906 阅读 · 0 评论 -
vue中的路由跳转了,url改变,但是页面为空白,没有到达指定文件
问题描述:初始路径跳转之后:然后当前页面全白了,到了一个空页面如果输入一个没有对应文件的url时也会出现这种情况,比如:我的目录下并没有mycollect文件我的路由书写过程:1.在router下的index.js中声明路由const myinterest = () => import('@/my/myinterest') 2.还在该文件下注册路由{ // 这是链接上的显示路径 path: '/myinterest', componen原创 2020-05-25 15:05:04 · 20401 阅读 · 3 评论