Young_Gao的博客

nuxt,1002语法错误

原文链接：https://blog.csdn.net/ligang2585116/article/details/78533793当前 SPA 架构流行的趋势如日中天，但在 SEO 方面好像一直是个痛点，所以众多流行的 mv* 等框架也为此痛点提出了解决方案。 vue 官方提供了快速构建项目的工具 vue-cli，其方便快捷性众所周知。本文章来分享一下使用vue cli构建项目后如何集成 SSR(...

该文章讲的还是关于vue查看源代码的问题，目的是用于渲染页面是vue页面能够看到源代码上一篇文章使用的服务端渲染方法有点瑕疵，那就是项目打包以后并不能看到index.html，想要项目正常运行需要把整个项目文件夹放上去，而不是把dist里面的文件放上去就可以了。所以这里跟大家介绍另一种方法，这种方法同样需要服务端来配合，服务端配置可以参考如下链接https://router.vuejs.org/z...

1 首先在vue项目中npm install moment --save2 定义时间格式化全局过滤器在main.js中 导入组件import moment from 'moment'Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {    return moment(dat...

中文文档 ( 上分秘籍 )  https://cli.vuejs.org/zh/guide/  声明：图片来自官网，侵删用惯了vue 2.0版本的一定熟悉  vue init webpack projectName而到了vue 3.0你会get一个新只是 vue create projectName然后就是跟 2.0 类似的配置项选择了，相比2.0我个人认为最大的改动是多了一个vu...

人很话不多npm rebuild node-sass

首先安装一波npm install --save-dev postcss-nested postcss-responsive-type postcss-hexrgba然后在 nuxt.config.js 里面的 build 中添加如下代码 （官网给出的解决办法）postcss: { // 添加插件名称作为键，参数作为值 // 使用npm或yarn安装...

原文链接：https://www.cnblogs.com/chunshan-blog/p/9950474.html一、创建项目1、使用如下命令生成项目vue init nuxt-community/starter-template testPro --testPro为项目名称2、进入到项目根目录下，使用npm install 安装依赖3、npm run dev 在开发...

当postcss-px2rem 的 rootValue 设置为 75 或者 37.5 的时候，会发现整个都显得特别小解决办法，postcss.config.js 中如下配置const AutoPrefixer = require("autoprefixer");const px2rem = require("postcss-pxtorem");module.exports =...

关于 flexible.js 资源请自行下载.http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js这里 ssr 我设置了false，因为报错提示 document is not definedplugins: [ { src: '~plugins/three_sides...

There are multiple modules with names that only differ in casing. friendly-errors 11:05:07This can lead to unexpected beha...

版本 2.10.0首先下载需要的资源 (js , css, ttf, woff) https://element.eleme.cn/2.10/#/zh-CN/component/installation完事以后引入 js css ，同时在根目录创建 fonts 文件夹，放入 ttf 和 woff 文件注意一定要版本相同，不同版本会导致 icon 错乱（错号显示...

新用 v-if 隐藏，再放出来<div class="header" v-if="isShowHeader"> <van-search placeholder="请输入搜索关键词" v-model="value" /></div>export default { data() { return { isShowHead...

postcss-pxtorem 导致的问题。我的是nuxt的框架，解决方式为van-circle 位置错乱 在nuxt.config.js->postcss-pxtorem 的配置中添加 selectorBlackList: ['van-circle__layer']postcss: [ require('postcss-pxtorem')({ ...

话不多说直接上代码首先确定好要被截图的div ,注意里面放 img 不要用 div 的 background-image 不然截图模糊的问题不能用以下代码解决<div id="imageWrapper"> // 这里是要被截图的div // 确保这里都是image，不要用 div 的 background-image // 不然截图模糊的问题无法...

nuxt 用过的基本都知道，这里只针对于没有使用过引入第三方插件的人1.plugins 文件夹下新建 html2canvas.jsimport Vue from 'vue';import html2canvas from 'html2canvas';Vue.prototype.$html2canvas = html2canvas;2.nuxt.config.js 引入...

关于nuxt引入第三方文件，可以参考我这篇文章https://blog.csdn.net/Young_Gao/article/details/101539627但是我在引入 canvas2img 的时候，发现这种引入方法没有作用，所以这里我把它的方法直接写了进来// *********这部分没作用*********// import Vue from 'vue';// impor...

微信的 config 配置这里就不多说了，有不明白的可以看一下微信的开发文档我这里解决ios分享配置无效的问题。安卓是好的。大致原理是记录一下ios 第一次进入时的 urlwindow.iosUrl=window.location.href;然后在你调用 获取微信配置接口的时候，传入url 参数，判断一下当前的系统类型，如果是安卓，传入当前url，如果是ios，传入之前记录...

vue中使用socket协议vue-cli 脚手架目录结构1.参照vue-socket.io的git地址说明文档进行安装npm install vue-socket.io2.main.js里面注册一下。vue.use 里面的链接是后台的提供给你的socket地址// socketimport VueSocketio from 'vue-socket.io';Vue.use(VueSocketio,...

首先先确定是不是路径的问题，如果找不到css文件和js文件，那么要修改config下面的index.js中bulid模块导出的路径assetsPublicPath: '/',改为assetsPublicPath: './',确定路径没问题以后再来看history模式的问题history模式需要服务器端配置详情见：https://router.vuejs.org/zh-cn/essentials/h...

1.下载插件        https://github.com/vuejs/vue-devtools2. win + R    cmd 进入 解压后的文件夹  vue-devtools-master3.npm install  速度加慢，耐心等待。或者用淘宝镜像，cnpm install 4.npm run build  这是必须的一部 否则执行第 6 步的时候回报错  “无法加载背景脚本bui...

最近在学习vue，自己做练习的时候发现浏览器给了很多Eslint的错误报告，但是程序能跑出来点开浏览器给出的一些 Eslint 的链接，发现是一个什么格式的问题百度了一下，Eslint 是一个严格开发的工具，用来检测代码的风格，有不符合它的代码标准的都会报错或者警告只要关闭它，重启项目就不会再报错了步骤：进入项目的 build / webpack.base.conf.js找到 Eslint，并注释...

目前，使用vue-cli脚手架写了一个前端项目，之前一直是使用npm run dev 在8080端口上进行本地调试。项目已经进行一半了，今天有时间突然想使用npm run build进行上线打包，试试能否成功看到我的项目效果。一开始是毫无头绪，什么都不懂，直接是就在命令行上敲下：npm run build命令。好开心啊，竟然没有报错。以为就这么简单的成功了，在浏览器上输入：http://local...

var app = new Vue({ el: '#app', data: { }, filters: { }, created: function () { setInterval(this.timer, 1000); ...

&lt;div class="important_new" v-for="item of dataArr"&gt; &lt;router-link class="content" :to="'/details/'+item.id" tag="div"&gt; &lt;div class="img" &gt; &lt;img

解决方式一：设置对应的key注意上面key值不要用对象或是数组作为key，用string或number作为key，否则报错：[Vue warn] Avoid using non-primitive value as key, use string/number value instead.解决方式二：更改VS Code编辑器的vetur配置（vscode-&gt;文件-&gt;首选项-&gt;设置...

我在https://blog.csdn.net/young_gao/article/details/80341723 里面使用了prerender来渲染但是还是有坑的，那就是你改完代码再次打包，发现原本应该有的渲染都没有了这时你需要在config/index.js 里面找到build里面的 assetsPublicPath,并重新修改为 ./ assetsPublicPath:'./',打包，再看...

原文链接：https://blog.csdn.net/hushilin001/article/details/76301368/首先。我们要改造我们要映入的外部js文件，改成下面这个格式。主要是红色方块内部代码，我们需要将我们的模块“抛出”，让人能获取到代码：[html] view plain copyfunction realconsole(){      alert("hello.thanks...

原文链接：https://blog.csdn.net/mr_wuch/article/details/70225364该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S1或者使用国内的淘宝镜像：安装npm install -g cnpm --registry=https://registry.npm.taobao.org1使用cnpm inst...

原文：https://blog.csdn.net/zjb12316/article/details/78941989兼容IE是个坑，低版本IE很多都没法跑起来问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义解决办法：step1:安装最新的web-pack-server 命令行：npm install --save-dev webp...

原文链接：http://www.jb51.net/article/111485.htm&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;  &lt;meta charset="utf-8"&gt;  &lt;title&gt;&lt;/title&gt;  &lt;script src="../js/Vue.js" chars

1.Vue.js中提供了v-html这个指令来解决这个问题，2.对数据对象使用{{{vm.data}}}三个大括号来包裹对象有时候会出现 {{{}}} 三层括号扔无法解析的问题v-html 始终可以使用...

watch:{ '$route'(to,from){ this.articleId = this.$route.params.article_id; this.ajaxData() } },

原文地址：https://segmentfault.com/a/1190000012393587现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中：&lt;li v-for="article in articles" @click="getDescribe(article.id)"&gt;methods：方案一： getDescribe(id) {...

Note：这里是 vue 结构下的写法，原生js需要自行转换一下//浏览器是否支持显示通知 需要注意的是 只有 HTTPS 协议才能浏览器才能通过通知的功能，否则浏览器是强制关闭改功能的 isSupportNotify:function(){ if (window.Notification) { // 支持 ...

场景：vue父页面传值，参数为plant,问题：父页面改变plant的值，子页面没有实时更新解决方法：1.父页面参数加一个 .sync&lt;hqlist :plant.sync="plante"&gt;&lt;/hqlist&gt;2.子页面watch 参数的变化，并执行functionwatch:{ plant(value,oldvalue){ this.p...

在main.js中写/* 自定义cookie相关方法 */Vue.prototype.setCookie=function(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000); var expires = "expires=" + d.toUTCS...

1：打开cmd命令行，首先安装node步骤：https://nodejs.org/en/download/      node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。2：npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息3：输入npm install -g cnpm --registry=htt...