当前位置: 首页> 汽车> 时评 > 昆明移动端网站建设_设计签名的软件_网络广告文案_运营培训班

昆明移动端网站建设_设计签名的软件_网络广告文案_运营培训班

时间:2025/7/10 12:18:15来源:https://blog.csdn.net/u010843503/article/details/147277719 浏览次数: 0次
昆明移动端网站建设_设计签名的软件_网络广告文案_运营培训班

动态引入指令

// src/directives/index.js
import trim from './trim';const directives = {trim,
};export default {install(app) {console.log('[✔] 自定义指令插件 install 触发了!');Object.entries(directives).forEach(([key, directive]) => {app.directive(key, directive);});},
};

自定义指令函数

// src/directives/trim.js
export default {beforeMount(el) {if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT') {el.addEventListener('blur', () => {el.value = el.value.trim();});}},
};

注册指令

import {createSSRApp
} from "vue";
import pinia from '@/stores'
import * as Pinia from 'pinia';
import App from "./App.vue";
import directives from '@/directives'export function createApp() {const app = createSSRApp(App);debuggerapp.use(pinia);app.use(directives);return {app,Pinia, // 此处必须将 Pinia 返回};
}

错误信息:[plugin:vite:vue] unknown directive {“type”:7,“name”:“trim”,“rawName”:“v-trim”,“modifiers”:[],“loc”:{“start”:{“column”:51,“line”:28,“offset”:722},“end”:{“column”:57,“line”:28,“offset”:728},“source”:“v-trim”}}

需要vite中配置>

好像Uniapp 官方不支持之定义指令
@vitejs/plugin-vue和@dcloudio/vite-plugin-uni只能存在一个 也就是uniapp不支持?

import {defineConfig
} from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import path from 'path'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
// https://vitejs.dev/config/
export default defineConfig({transpileDependencies:['@dcloudio/uni-ui'],plugins: [vue({template: {compilerOptions: {directiveTransforms: {trim: () => ({props: [],needRuntime: true // 重点:告诉编译器这是运行时处理})}}}}),//	uni(),AutoImport({// 预设imports:['vue','uni-app']}),],css: {preprocessorOptions: {scss: {additionalData: `@use "@/static/css/compont.scss" as *;@use '@/static/iconfont/iconfont.css' as *;`,silenceDeprecations: ['legacy-js-api'],api: 'modern-compiler',},},
},resolve: {alias: {'@': path.resolve(__dirname, 'src')}}// 配置路径别名// resolve: {//   alias: {//     "@": resolve(__dirname, "src"),//   },// }
})
关键字:昆明移动端网站建设_设计签名的软件_网络广告文案_运营培训班

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: