vuejs局部指令
1.问题想做实时代码高亮、并能提交代码到后端,用了codemirror现在在根组件Vue中能全局地定义指令并正常使用,但是觉得不够优雅希望在某个组件内定义局部的directive,效果不正常,代码区域和行号重叠在一起了:2.代码components/v-codemirror/alias.jsimport CodeMirror from 'codemirror/lib/codemirror.js'require('codemirr...
2021-05-04Vuejs指令
这一篇主要介绍的是使用非完整版的 vue.js 做项目时,其中的 *.vue 文件的语法标准,以及每一部分的含义。1. <template></template>template 模板标签里包含的内容是要渲染在页面的内容,是 XML 语法格式,不是 HTML 语法格式,XML 和 HTML 语法基本类似,但是 XML 比 HTML 更加严格些,如在闭合标签这一块,XML 严...
2020-03-27vue引入静态js文件
由于一些演示,需要对编码名称等可快速进行修改,需要页面方便配置。由于build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、具体操作如下:1、在public文件夹下创建...
2022-05-09vue使用jsx语法开发
最近遇到这样一个问题:原本用vue-cli2创建的项目,需要用vue-cli3重构。入口文件声明实例时候,使用的是render模式,而不是模板template。new Vue({ router, render: h => h(App)}).$mount('#app')而在我们原有的项目中,一些封装的组件必须使用template这个字段。然后发现在vue-cli3给出使用template的警告。然而,切...
2022-06-07vue中wowjs的使用
笔者亲测,在vue中使用wow.js如果不按照以下方法实施,会出现意想不到的BUG,网页刷新后图片就全部突然看不到了,被增加了一个隐藏属性,建议大家严格按照方法执行,不要随意使用(1)通过npm安装:npm install wowjs --save-devanimate.css会自动安装。(2)在main.js中引入animate.cssimport 'animate.css'在组件需...
2022-05-17vuejs如何实现长轮询?
现在的项目需要通过ajax进行轮询,获取已经处理过的数据的个数,vue-reousrce怎样实现?回答:如果你会ajax,那就简单了,只要在ajax 的 success 函数中再次递归调用函数即可。示例:function ajax(){ $.ajax({ url: url , method: 'post' , success: function(data){ // 对 data 进行相应处理 ...
2021-05-06vue组件如何引入外部js
我想在一个单页组件中引入一个外部的swiper.js,我不想安装依赖,想直接导入js,有办法实现吗,import和require都尝试过但是好像没有成功回答:require / exports 是 CommonJS(在Node中实现) , import / export 是 ES2015 的模块,使用 vue 必然会用到 webpack,webpack 1 对 CommonJS 默认支持,对 ES2015 也只要使用 babel 就可以...
2021-05-05vue解决sockjs报错
打开node_modules -》 sockjs_client -》 dist -》 sockjs.js 找到1606行左右,将self.xhr.send(payload);注释掉一般开发的时候不要注释掉,打包的时候再注释,因为注释掉以后就不能热加载了 ...
2022-05-15vue jsx方式渲染问题
父组件 hello.js 子组件不管怎么调用父组件传通过props传过来的render 都会报vue.runtime.esm.js?2b0e:1888 ReferenceError: h is not defined已经测试过的代码// 1.第一种, 这种方式需要在父组件内接受一个 “h”作为参数,其实并不想接受这个参数,因为父组件render直接返回的是一个 节点形式比如<div></div>const Vnode = Vu...
2020-10-29vuejs返回页面顶部问题
在vue里定义了一个按钮 实现回到顶部的功能 但是这样写的 瞬间回到了顶部 太生硬了 有什么办法带那种过度效果呢 export default { methods: { backTop() { document.body.scrollTop = 0 document.documentElement.scrollTop = 0 } }}···回复:记录当前scrollTop,设置定时器setInterval,每40ms...
2020-03-20极验与vue的原生js结合
既然说了极验,那么我就简单介绍一下极验是一个什么工具:极验验证是一种在计算机领域用于区分自然人和机器人的,通过简单集成的方式,为开发者提供安全、便捷的云端验证服务。与以往传统验证码不同的是,极验通过分析用户完成拼图过程中的行为特征,通过数据分析来判断是人还是机器...
2022-05-21vue 引入外部 js 文件
这两个脚本是互相依赖的。之前的项目是直接这样引用的。现在是但是有报错我应该怎么引入这两个第三方脚本呢?求大神解答回答:遇到这种不是模块化得三方库,要么改造下它export出去 要么放到static然后在index.html里面用script标签全局引入回答:在iscroll.js 和iuosselect.js 文件中分别先用exprot 抛...
2021-05-06关于vuejs mvvm原理
对于数据改变视图和视图改变数据是通过ViewModel这个中间层去实现的但是看他的实现原理,网上都是介绍循环数据对象给他们加上Object.defineProperty再经过wacther订阅者,最后由订阅者去通过视图更新,但是如果是视图的更新怎么改变数据对象的值倒没有怎么提,有谁能说下这个原理吗?回答:题主问改变...
2021-05-07vue引入静态js文件的方法
由于一些演示,需要对编码名称等可快速进行修改,需要页面方便配置。由于build后的vue项目基本已经看不出原样,因此需要创建一个文件,并在打包的时候不会进行编译。vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、具体操作如下:1、在public文件夹下创建...
2022-02-26vue组件内部引入远程js文件
之所以要做这个是因为,在一个组件内部需要引入一个js文件来定位。如果放在index.html,这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js:export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body...
2022-05-26vuejs需要考虑兼容问题吗?
使用vue需要考虑兼容问题吗?回答一般不用,因为cli 生成的项目已经把各种 polyfill 都加好了但是如果需要在IE浏览器中使用 就需要注意了Vue不支持ie8及以下版本。除此之外不用考虑JavaScript语法兼容性。因为Babel做了polyfill。考虑vue的兼容问题就行了,自己代码不用考虑,随便写当然需要, ...
2020-06-09vuejs 4个级别作用域理解
除了 JS 已有的功能外,Vue还具有自己独特的作用域级别。作用域控制可以使用哪些变量以及在何处使用。它控制它们对应用程序的不同部分的“可见性”。了解 Vue 提供的作用域级别之间的差异会帮助我们编写更清晰的代码。下面是 vue 中4个级别的作用域:全局作用域子树作用域组件作用域...
2020-03-30vue js响应式图像网格画廊
我需要一个vue响应式图像网格组件,以显示不同大小的图像。有一些很好的jquery plugins,但我不能在我的基于vue的页面中使用它,因为滚动中图像的延迟加载。 jquery只在初始页面加载时设置高度和宽度。有没有好的组件或解决方案来使用jquery插件?vue js响应式图像网格画廊回答:我发现了一个很大的...
2022-03-29vuejs 下拉列表怎样默认选中
vuejs 下拉列表怎样默认选中回答:你可以为select添加一个model进行数据绑定,在vue data里指定这个值就可以了。演示:https://jsfiddle.net/rainwsy/ntdd9g2a/2/文档:http://cn.vuejs.org/guide/forms.html回答:<select class="form-control" name="method" data-itemid="{{ $index }}"> <template v-for="option in metho...
2021-05-06Vuejs中网格布局组件
想实现类似 MadeWithVuejs 网站主页类似的效果的网格布局,使用 table 中的 row 和 column 属性能不能实现这样的效果呢?(正在尝试用table去写,先提个问题看看有没有好用的Vue组件)效果就是:每条记录对应一个Card每一行最多只有3个Card添加一条记录,就添加一个Card,每一行超过3个时,自动换行到下一行...
2021-05-06如何在vue中使用svg
1、安装依赖npm install svg-sprite-loader --save-dev2、在config文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } chainWebpack(config) { // set svg-sprite-loader config.module .rule('svg') .exclu...
2022-05-10【前端】vue组件如何引入外部js
我想在一个单页组件中引入一个外部的swiper.js,我不想安装依赖,想直接导入js,有办法实现吗,import和require都尝试过但是好像没有成功回答require / exports 是 CommonJS(在Node中实现) , import / export 是 ES2015 的模块,使用 vue 必然会用到 webpack,webpack 1 对 CommonJS 默认支持,对 ES2015 也只要使用 babel 就可以了。h...
2020-12-19vuejs中如何监听某个div滚动?
vue怎么监听某个 div的滚动事件,哪位大虾指点一下!···回复:封装在组件中 如下:<template> <div class="scroll"> <div class="scroll-div-outer" id='scrollDiv'> <div class="scroll-div-inner"> </div> </div> </div></template><script>export default { name: 'scroll', methods:{ ...
2020-03-04【Vue】js同步执行的问题
在用elementUI写项目时遇到一个问题,比如有两个方法a(),b(),因为执行a方法时数据比较大,我需要完全执行完a方法后再执行b方法,这个我用JS要怎么来实现???回答a()不是异步会阻塞程序直接按顺序写,如果是异步封装Promise,在.then里执行b()或者async/await问题描述不够清楚,不太了解 ab方法是否是异步方...
2020-12-17