案例名称1736748293383

QCodepen.json

{"config":{"codeTheme":"OneDarkPro","pageThemeSyncCodeTheme":true,"openAlmightyConsole":false,"autoRun":false,"layout":"default","keepPreviousLogs":true,"codeFontSize":16},"title":"案例名称1736748293383","code":{"HTML":{"language":"html","content":"<script src=\"//unpkg.com/vue@2/dist/vue.js\"></script>\r\n<script src=\"//unpkg.com/element-ui@2.15.10/lib/index.js\"></script>\r\n<script src=\"//softweb-dev.quectel.com/quectel-ui-v2/q-ui.umd.js\"></script>\r\n\r\n<div id=\"app\">\r\n  <el-button :plain=\"true\" @click=\"openHTML\">使用 HTML 片段</el-button>\r\n\r\n</div>"},"CSS":{"language":"css","content":"@import url(\"//softweb-dev.quectel.com/quectel-ui-v2/q-ui.css\");\r\n@import url(\"//softweb-dev.quectel.com/quectel-ui-v2/element-theme-chalk.css\");","resources":[]},"JS":{"language":"javascript","content":"var Main={\r\n    methods: {\r\n      openHTML() {\r\n        this.$message({\r\n          dangerouslyUseHTMLString: true,\r\n          message: '<strong>这是 <i>HTML</i> 片段</strong>'\r\n        })\r\n      }\r\n    }}\r\nvar Ctor = Vue.extend(Main);\r\nnew Ctor().$mount(\"#app\");","resources":[]},"VUE":{"language":"vue2","content":"","resources":[]}}}