<el-input class="w-[280px]" oninput="fn“/> 页面中引入公共util fn写法
时间: 2024-02-12 11:04:39 浏览: 101
大数据大屏页面模板-电子商务.zip
如果你的 `fn` 函数是一个公共的工具函数,可以这样使用:
1. 在项目中创建一个新的文件夹,例如 utils,用于存放公共工具类。
2. 在 utils 文件夹中创建一个新的文件,例如 common.js,用于编写公共工具类的代码。
3. 在 common.js 中定义需要封装的工具函数,例如:
```javascript
export function fn(event) {
console.log(event.target.value);
}
```
4. 在需要使用该工具函数的页面中,通过以下方式引入:
```javascript
import { fn } from '@/utils/common.js';
```
5. 在模板中使用 `v-on:input` 指令将 `fn` 函数绑定到输入框上:
```html
<el-input class="w-[280px]" v-on:input="fn"></el-input>
```
这样就完成了公共工具函数的封装和页面的引用。当输入框的值发生变化时,`fn` 函数会被调用,并将输入框的值作为参数传入。需要注意的是,在引入公共工具类时,需要使用相对路径或者别名,例如 `@/utils/common.js`。
阅读全文