苏州网站建设一条龙,专业建设汇报ppt,辽宁建设局网站首页,网站建设方案书范本问题叙述
使用问题#xff1a;在表情库中点击后无法展示对应的emoji表情#xff0c;仅仅显示Unicode代码编号#xff0c;按照vue eslint规则更改添加分号后#xff0c;没有报错但是依旧无法正确渲染。 问题源码#xff1a;
templatediv!-- 被点击的…问题叙述
使用问题在表情库中点击后无法展示对应的emoji表情仅仅显示Unicode代码编号按照vue eslint规则更改添加分号后没有报错但是依旧无法正确渲染。 问题源码
templatediv!-- 被点击的文字 --p clickcopyToClipboard(#8986;)点击我将我复制到剪贴板/p!-- 输入框这里仅为演示实际中可能不需要显示出来 --inputtypetextv-modelcopiedTextrefinput//div
/templatescript
export default {data() {return {copiedText: ,};},methods: {// 复制到剪贴板的方法copyToClipboard(text) {this.copiedText text;const input this.$refs.input;input.focus();input.select();document.execCommand(copy);input.blur();},},
};
/script
问题展示 问题产生原理及解决方法
问题在我直接使用了 Unicode 实体 #8986ESLint规则 认为这是一个未正确结束的字符引用。为了解决这个问题应该使用 string.fromCharCode() 函数将#8986转换为 JavaScript 字符串。
修改后代码
templatedivp clickcopyToClipboard(specialChar)#8986;/pinputtypetextv-modelcopiedTextrefinput//div
/templatescript
export default {data() {return {copiedText: ,specialChar: String.fromCharCode(8986),};},methods: {copyToClipboard(text) {this.copiedText text;const input this.$refs.input;input.focus();input.select();document.execCommand(copy);input.blur();},},
};
/script
运行效果 成功解决
