vue中不能直接在html中使用import的js方法的问题和解决方法

最新推荐文章于 2024-05-16 13:46:03 发布
最新推荐文章于 2024-05-16 13:46:03 发布
阅读量1.2w 收藏 15
点赞数 11
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zongmaomx/article/details/107407504
版权

这是common.js中的方法

然后我在index.vue中引用它

 

 然后在子组件中使用，希望能将得到的fileName显示在链接中间

 结果发现报错，getFileDetails is not defined

 尝试在methods中重写一个方法，在方法中使用它，再在HTML中调用方法，发现是可以的

 

百度一番之后发现了这位老哥的解释： 原链接

也就是只需要在methods里面再声明一下这个方法就行

特此记录一下

zongmaomx
关注
  • 11
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决vue中使用swiper插件问题及swiper在vue中的用法
10-18
解决Vue中使用Swiper插件的问题，首先要正确引入Swiper库。有两种常见方式： 1. 直接引入CDN或本地静态资源： 如上述示例中，通过`import Swiper from "../../static/js/swiper-3.4.0.min.js"`引入Swiper的...
在vue中使用jointjs的方法
10-18
为了避免这种问题，你可以考虑不直接在项目中安装jQuery，而是使用JointJS自带的版本。 接下来，你需要在Vue组件的模板中创建一个容器元素，用于显示图形： ```html <div id="myholder" @click="initJoint"></...
vue动态引入的函数为什么不能直接使用在html
肖肖肖丽珠的博客
02-10 1670
我想使用这个checkPermission的函数。 我的想法是先引入这个js文件 import {checkPermission} from '@/utils/permission' 然后页面html标签上添加 v-if="checkPermission(['admin'])" 但是报错。 最后解决办法是把这个函数在methods在定义一次 这样就可以正常使用啦。 原因： 虽然vue组件中HTML，css，js可以在同一个页面书写，但是js里面的函数、变量是需要使用exp..
html页面引入vue
CoffeeAndIce的博客
08-11 1万+
基础环境 ①所需的基本ui组件 基本后台模块 element、iview ，手机端可以mui 、 uniapp ②所需Vue版本 建议官方最新版本为准，稳定性可靠 ③兼容vue文件的http-vue-loader 可以无需脚手架情况下对vue以脚手架形式编写vue文件，同时便捷了引入方式 基于Mui样例 index.html <!DOCTYPE html> <html> <head> <meta char.
vue文件在html中直接引用 import 传过来的方法报错Error in render “TypeError _vm(1)
最新发布
2401_84616339的博客
05-16 300
这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。所以方法跟变量一样最好再赋值、声明一次后使用。
html页面使用vue组件的函数,vue中不能直接在html中使用import的js方法问题(个人笔记)...
weixin_32028739的博客
06-03 3389
utils/util.js// 格式化时间const timeLength = (value) => {if (!value) return ''let result = parseInt(value)let h = Math.floor(result / 3600) < 10 ? '0' + Math.floor(result / 3600) : Math.floor(result ...
在原生HTML文件中引入Vue并使用
weixin_70486077的博客
10-27 6343
有的时候，我们需要在原生 HTML 文件中引入 Vue 使用，比如说一些门户网站，或者是未使用 Vue 脚手架的项目中使用 Vue 的功能，这时候我们就需要在 HTML 中引入 Vue.js ，优点是简单方便，不需要安装和配置额外的构建工具，适合快速原型开发和小规模项目，缺点是无法进行模块化管理，代码复用性较低，不利于大型项目的开发和维护。
html页面引入vue组件
weixin_49186680的博客
09-08 5225
html页面引入vue组件需要在页面引入http-vue-loader.js 注意：要查看页面引入vue组件的效果不能直接在本地打开index.html，会有跨域问题，可以在本地配置一个nginx转发，再用浏览器访问http://localhost:port/index.html 1.创建my-component.vue <template> <div class="hello">Hello {{who}}</div> </template> &l
如何在HTML中引入vue.js
weixin_45650440的博客
11-30 1033
官网下载vue.js,然后将vue.js文件放入项目文件夹中。 #script标签引入 // An highlighted block <script src="./vue.js"></script> 错误的原因是 路径应该是 ./ 而不是 …/ ./ 与 …/ 的区别是 ./ 是同级， …/ 是根目录 ...
在Vue中使用echarts的方法
08-28
在Vue中使用ECharts的方法 Vue框架是当前最流行的前端框架之一，ECharts是中国最流行的数据可视化工具之一。在实际项目中，我们经常需要将ECharts集成到Vue项目中，以实现数据的可视化展示。因此，本文将详细介绍...
在Vue中使用icon 字体图标的方法
12-02
本篇文章将详细介绍如何在Vue中使用阿里Iconfont图标库，以及两种不同的使用方法：在线引入和本地化部署。 1. **在线使用阿里Iconfont图标库** - **步骤1**：访问阿里Iconfont官方网站（http://www.iconfont.cn/）...
Vue中使用canvas方法总结
01-19
下面就是小编带给大家的Vue中怎么使用canvas方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。 1、如果数组中都是canvas对象, vue如何能吧canvas对象渲染到页面。v-html只能渲染出一个字符串, 没办法像...
vue index.html引入js报错,vue如何引用其他组件(css和js)
weixin_42317885的博客
06-15 2496
1.vuejs组件之间的调用components注意：报错Do not use built-in or reserved HTML elements as component id:修改组件的名字，例如不能使用address为组件名字组件名字不要使用内置的或保留HTML元素为组件id，App.vue是一个入口，vue必须注册才能使用 2.vue引入外部的css，放在和引入vue的位置一样./代表当...
html使用vue.js作为组件引入，vue3-sfc-loader用法！亲测有效！
qq_38004125的博客
10-15 8151
由于公司的项目是需要单点登录的，我们的项目不能直接用vue，只能用传统的方法，然后为了组件化，最好是使用vue，试过用httpVueLoader，但由于不能使用import，而作者又出了vue3-sfc-loader。 此次测试是以vue2和element ui为例子，如果是vue3和element ui plus的请自行去官网查看用法哦，谢谢！ （请注意css文件的import的路径哦！） html引入vue.js，vue可以import js文件和css文件！ 目录结构如下： test02 –compo
html文件中使用 vue.js，以及使用elementUI
yinge0508的博客
11-25 9561
html 文件中使用vue，需要先引入vue.js，可以使用在线地址 <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script s...
普通HTML文件如何使用VUE组件
qq_63704334的博客
06-19 1万+
标签内，编写Vue组件的JavaScript代码。首先，创建一个Vue组件对象，定义组件的模板、数据和方法等。需要注意的是，Vue组件的代码可以放在单独的JavaScript文件中，然后在HTML文件中使用。你也可以将Vue框架的JavaScript文件下载到本地，并使用相对路径引入。标签内，添加以下代码来引入Vue框架的JavaScript文件。现在，你可以在HTML文件中使用Vue组件了。1. 引入Vue框架：在HTML文件中的。3.编写Vue组件：在HTML文件中的。中，并显示组件中定义的内容。
vue引入.js文件的函数在直接在html中使用不生效
m0_52244931的博客
03-24 1024
vue引入.js文件的函数在直接在html中使用不生效
html文件里怎么引用vue组件？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
12-12 7259
组件里写下面的代码，注意使用的是。html文件里面写下面的代码。
在HTML页面中引入vue组件
热门推荐
zysskt的博客
10-20 1万+
vue2

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值