Vue
星下云
这个作者很懒,什么都没留下…
展开
-
vue3.0中使用计算属性时报错
原因:在组件使用了双向绑定,绑定的值是vuex的state的一个值。vuex是单项数据流,在计算属性中只有get可以获取参数值,没有set不能改变参数值。 crowdmodel:{ get(){ return this.$store.state.crowdmodel; }, set(val){ this.$store.state.crowdmodel; } } 解决方法: 在computed属性中添加set..原创 2020-07-07 20:56:24 · 1893 阅读 · 0 评论 -
vue2.0 通过ip访问自己运行的项目
之前的旧项目,同无线网内的同事想看本地运行的效果。 1.在config目录下的index.js文件中将host改为0.0.0.0: 2.在package.json文件中修改运行时的dev为:原创 2020-07-07 17:11:03 · 595 阅读 · 0 评论 -
通过webpack配置vue项目页面title
vue 项目创建之后,在index.htm里面的title,使用htmlWebpackPlugin.options.title 进行的展示。 调整 webpack 配置最简单的方式就是在vue.config.js中的configureWebpack选项提供一个对象,该对象将会被webpack-merge合并入最终的 webpack 配置。有些 webpack 选项是基于vue.config.js中的值设置的,所以不能直接修改。 module.exports = { chai...原创 2020-05-09 11:01:29 · 2990 阅读 · 0 评论 -
vue 过滤器 格式时间秒数,js 时间日期格式化
将总秒数转化为 00:00:00 Vue.filter('filterTime',function (value) { let t; if(value > -1){ let hour = Math.floor(value/3600); let min = Math.floor(value/60) % 60; let sec = value % ...原创 2020-07-07 17:45:18 · 650 阅读 · 0 评论 -
vue子组件调用父组件内的方法
子组件调用父组件方法 随笔:后面时间充足了再补充 父组件 <template> <div> <head-title3 ref="headerNews3"></head-title3> <router-view></router-view> </div&am原创 2019-02-21 19:07:24 · 206 阅读 · 0 评论 -
vue 页面A转到页面B,B页面停留在A页面的滚动位置
如果页面A沿Y轴滚动一段距离,然后跳转到页面B;在进入B页面时,B页面已经滚动到页面A的距离,返回页面A,发现A还在之前的滚动位置; 在路由守卫回调中,设置每次进入路由时,将window的scroll值设置为0;window.scroll(0,0); // 全局路由守卫 router.beforeEach((to, from, next) => { // to: Route: 即将要...原创 2019-05-28 16:45:26 · 1052 阅读 · 0 评论 -
vue3的搭建
Vue3.0的搭建 Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g或yarn global remove vue-cli卸载它。 Vue CLI 需要Node.js8.9 或更高版本 。 安装vue-cli npm inst...原创 2019-09-03 10:34:44 · 355 阅读 · 0 评论 -
Vue2.0环境安装
安装node.js,没有安装的直接点击可以跳转到下载页。 1.安装淘宝镜像,安装后它的命令行工具是 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2. 安装 vue cnpm install vue 3. 安装vue-cli脚手架构建工具 cnpm install --global vue-...原创 2019-09-03 11:15:38 · 273 阅读 · 0 评论